ui-thing 0.2.8 → 0.3.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/.claude/settings.local.json +5 -0
- package/.prettierrc +1 -1
- package/CHANGELOG.md +58 -0
- package/bun.lock +978 -0
- package/package.json +29 -27
- package/src/commands/add.ts +9 -5
- package/src/commands/block.ts +5 -3
- package/src/commands/list.ts +48 -0
- package/src/commands/prose.ts +7 -3
- package/src/commands/remove.ts +109 -0
- package/src/commands/theme.ts +5 -14
- package/src/commands/update.ts +81 -0
- package/src/index.ts +6 -0
- package/src/templates/css.ts +5 -0
- package/src/templates/vs-code.ts +0 -8
- package/src/utils/config.ts +11 -17
- package/src/utils/constants.ts +1 -0
- package/src/utils/fetchBlockCategories.ts +13 -11
- package/src/utils/fetchBlocks.ts +13 -11
- package/src/utils/fetchComponents.ts +13 -11
- package/src/utils/fetchProseComponents.ts +13 -11
- package/src/utils/installPackages.ts +30 -4
- package/src/utils/installValidator.ts +3 -3
- package/src/utils/logger.ts +9 -0
- package/src/utils/uiConfigPrompt.ts +3 -6
- package/tests/commands/list.test.ts +111 -0
- package/tests/commands/remove.test.ts +151 -0
- package/tests/commands/update.test.ts +127 -0
- package/tests/utils/fetchBlockCategories.test.ts +14 -2
- package/tests/utils/fetchBlocks.test.ts +14 -2
- package/tests/utils/fetchComponents.test.ts +10 -4
- package/tests/utils/fetchProseComponents.test.ts +14 -2
- package/tests/utils/installPackages.test.ts +36 -3
- package/tsup.config.ts +5 -1
- package/dist/index.d.ts +0 -1
- package/dist/index.js +0 -1343
- package/dist/index.js.map +0 -1
package/dist/index.js
DELETED
|
@@ -1,1343 +0,0 @@
|
|
|
1
|
-
#!/usr/bin/env node
|
|
2
|
-
import{Command as Er}from"commander";var lo="0.2.7";import U from"path";import{updateConfig as xo}from"c12/update";import{Command as we}from"commander";import{consola as K}from"consola";import k from"kleur";import N from"lodash";import X from"prompts";import{join as bo}from"path";import{loadConfig as ce}from"c12";import x from"fs-extra";import ne from"lodash";import{loadFile as ae,writeFile as ie}from"magicast";import{addNuxtModule as se}from"magicast/helpers";import le from"prompts";var F="ui-thing.config.ts",ho={theme:"zinc",tailwindCSSLocation:"assets/css/tailwind.css",componentsLocation:"components/Ui",composablesLocation:"composables",pluginsLocation:"plugins",utilsLocation:"utils",force:!0,useDefaultFilename:!0,packageManager:"npm"},po={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"},uo=["tailwindcss","motion-v","@tailwindcss/vite","reka-ui","tailwind-variants","tailwind-merge","@nuxt/fonts","@nuxtjs/color-mode","@nuxt/icon","@vueuse/nuxt","@tailwindcss/forms"],mo=["typescript","tw-animate-css"],O=["prettier-plugin-tailwindcss","prettier","@ianvs/prettier-plugin-sort-imports"],fo=["@nuxtjs/color-mode","motion-v/nuxt","@vueuse/nuxt","@nuxt/icon","@nuxt/fonts"],C=[{title:"Npm",value:"npm"},{title:"Yarn",value:"yarn"},{title:"Pnpm",value:"pnpm"},{title:"Bun",value:"bun"}],T=[{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 re from"fs";function ko(){try{let o=JSON.parse(re.readFileSync("package.json","utf-8")),r=o.dependencies?.nuxt||o.devDependencies?.nuxt;if(r)return/^[~^>=<\s]*4/.test(r)?4:3}catch{return 4}return 4}import go from"kleur";import te from"prompts";var yo=async o=>{let r=await te([{name:"theme",type:"autocomplete",message:"Which theme do you want to start with?",choices:T},{name:"tailwindCSSLocation",type:"text",message:"Where is your tailwind.css file located?",initial:(e,t)=>o==3?"assets/css/tailwind.css":"app/assets/css/tailwind.css"},{name:"componentsLocation",type:"text",message:"Where should your components be stored?",initial:(e,t)=>o==3?"components/Ui":"app/components/Ui"},{name:"composablesLocation",type:"text",message:"Where should your composables be stored?",initial:(e,t)=>o==3?"composables":"app/composables"},{name:"pluginsLocation",type:"text",message:"Where should your plugins be stored?",initial:(e,t)=>o==3?"plugins":"app/plugins"},{name:"utilsLocation",type:"text",message:"Where should your utils be stored?",initial:(e,t)=>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:C}]);return!r||Object.keys(r).length<9?(console.log(go.red(go.bold("Incomplete configuration submitted. Exiting..."))),process.exit(0)):r};var vo=process.cwd(),u=async o=>{let r=x.existsSync(F),e={},t=Number(o?.nuxtVersion)||ko();if(!r||o?.force){if(e=o?.yes?t===4?po:ho:await yo(t),await x.writeFile(F,`export default ${JSON.stringify(e,null,2)}`),e.packageManager==="pnpm"){let n=x.existsSync(".npmrc"),a=!0;if(n){let{confirmCreateNpmrc:i}=await le({type:"confirm",name:"confirmCreateNpmrc",message:"A .npmrc file already exists. Overwrite it?",initial:!1});a=i}a&&await x.writeFile(".npmrc",`shamefully-hoist=true
|
|
3
|
-
strict-peer-dependencies=false
|
|
4
|
-
`)}}else e=(await ce({configFile:F.replace(".ts","")})).config;return ne.isEmpty(e)?u({force:!0}):(de(e),e)},de=o=>{let r=(e,t=!1)=>{e&&(t?x.ensureDirSync(e):x.ensureFileSync(e))};r(o.tailwindCSSLocation),r(o.pluginsLocation,!0),r(o.componentsLocation,!0),r(o.composablesLocation,!0),r(o.utilsLocation,!0)},A=async o=>{if(!o)return;let r=typeof o=="string"?[o]:o,e=await ae(bo(vo,"nuxt.config.ts"));r.forEach(t=>se(e,t)),await ie(e,bo(vo,"nuxt.config.ts"))};var g=async()=>{let o=await u(),r={nuxtVersion:3,theme:"string",tailwindCSSLocation:"string",componentsLocation:"string",composablesLocation:"string",utilsLocation:"string",force:!0,useDefaultFilename:!0,packageManager:"string"},e=[];for(let t of Object.keys(r))o[t]===void 0&&e.push(t);return!(e.length>1)};import he from"axios";import pe from"dotenv";import ue from"ora";pe.config();var wo=async()=>{let o=ue("Fetching components...").start(),{data:r}=await he.get(process.env.COMPONENTS_API||"https://uithing.com/api/components");return o.succeed("Components fetched."),r};import V from"fs";var y=async o=>{try{return await V.promises.access(o,V.constants.F_OK||V.constants.W_OK),!0}catch{return!1}};import{execa as z}from"execa";import P from"lodash";import me from"ora";var f=async(o,r,e)=>{typeof r=="string"&&(r=[r]),typeof e=="string"&&(e=[e]);let t=me("Installing dependencies...").start();!P.isUndefined(r)&&!P.isEmpty(r)&&await z(o,[o==="yarn"?"add":"install",...r]),t.text="Installing dev dependencies...",!P.isUndefined(e)&&!P.isEmpty(e)&&await z(o,[o==="yarn"?"add":"install","-D",...e]),t.text="Running nuxt prepare...",await z`npx -y nuxt prepare`,t.succeed("Installed dependencies!")};import fe from"prompts";var Co=async o=>{let r={yup:["yup","@vee-validate/yup"],zod:["zod","@vee-validate/zod"],joi:["joi","@vee-validate/joi"],valibot:["valibot","@vee-validate/valibot"]},{validator:e}=await fe({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(!e){console.log("No validator package selected");return}return console.log(`Selected ${e} as the validator package`),r[e]&&await f(o,r[e]),e};import ke from"boxen";import ge from"figlet";var ye=(o,r,e={})=>{let{box:t,figletFont:n}=e,a=ge.textSync(o,{font:n||"Standard"}),l=ke(a,{...{borderColor:"greenBright",padding:1,borderStyle:"round",titleAlignment:"center"},...t});return r?`${l}
|
|
5
|
-
${r}`:l},m=(o,r,e)=>{console.log(`
|
|
6
|
-
`+ye(o,r,e))};import be from"prompts";var L=async(o,r=[])=>{if(o)return r.map(t=>t.value);let{components:e}=await be({type:"autocompleteMultiselect",name:"components",message:"Select the components you want to add",choices:r.map(t=>({title:t.name,value:t.value}))});return e};import q from"fs";import ve from"path";var S=async(o,r)=>{if(!await y(o)){let t=ve.dirname(o);q.existsSync(t)||q.mkdirSync(t,{recursive:!0})}q.writeFileSync(o,r)};var Z=[],_=process.cwd(),Y=o=>Z.find(r=>r.value.toLowerCase()===o.toLowerCase());async function So(o,r,e,t){if(await y(o)&&!e){let{value:a}=await X({type:"confirm",name:"value",message:t,initial:!1});if(!a)return K.info(`Skipped: ${k.cyan(U.basename(o))}`),!1}return await S(o,r),!0}async function J(o,r,e,t){for(let n of r){let a=U.join(_,e,n.fileName);await So(a,n.fileContent,t,`The ${o} file ${k.bold(n.fileName)} already exists. Overwrite?`)}}var Ce=async(o,r)=>{let e=await u();await g()||(e=await u({force:!0})),N.isEmpty(e)&&(K.info("Config file not set. Exiting..."),process.exit(0)),Z=await wo();let t=o;if(t.length===0){let c=await L(r.all,Z);(!c||c.length===0)&&(K.info("No components selected. Exiting..."),process.exit(0)),t=c}let n=t.filter(c=>!Y(c));n.length>0&&K.error(`Not found: ${k.bgRed(n.join(", "))}`);let a=t.map(c=>Y(c)).filter(Boolean);for(let c of[...a])c.components&&c.components.forEach(p=>{a.find(h=>h.value===p)||a.push(Y(p))});for(let c of a)for(let p of c.files){let h=e.componentsLocation,s=U.join(_,h,p.fileName);if(!e.useDefaultFilename){let{value:b}=await X({type:"text",name:"value",message:`Where should we add the file ${k.cyan(p.fileName)}?`,initial:h});b&&(h=b,s=U.join(_,h,p.fileName))}await So(s,p.fileContent,e.force,`The file ${k.bold(p.fileName)} already exists. Overwrite?`)&&((c.value==="vue-sonner"||c.value==="sonner")&&await xe(),c.value==="datatable"&&await Se(),await J("utils",c.utils,e.utilsLocation,e.force),await J("composables",c.composables,e.composablesLocation,e.force),await J("plugins",c.plugins,e.pluginsLocation??"",e.force))}await A(N.uniq(a.flatMap(c=>c.nuxtModules||[])));let i=N.uniq(a.flatMap(c=>c.deps||[])),l=N.uniq(a.flatMap(c=>c.devDeps||[]));if(i.length>0||l.length>0)if(r.all)await f(e.packageManager,i,l);else{let{confirmInstall:c}=await X({type:"confirm",name:"confirmInstall",message:`Install packages: ${k.cyan([...i,...l].join(", "))}?`,initial:!0});c&&await f(e.packageManager,i,l)}a.some(c=>c.askValidator)&&await Co(e.packageManager),m("All Done!",`Run the ${k.cyan("ui-thing@latest --help")} command to learn more.
|
|
7
|
-
`,{box:{title:"Components Added"}});let d=N.compact(a.flatMap(c=>c.instructions));d.length>0&&(console.log(""),console.log(k.bgCyan(" Instructions ")),d.forEach(c=>console.log(`${k.cyan("-")} ${c}`)))},Eo=new we().name("add").command("add").description("Add a list of components to your project.").option("-a --all","Add all components to your project.",!1).argument("[componentNames...]","Components that you want to add.").action(Ce);async function xe(){await xo({configFile:"nuxt.config",cwd:_,onUpdate(o){o.imports||={imports:[]},o.imports.imports.find(r=>r.from==="vue-sonner"&&r.name==="toast")||o.imports.imports.push({from:"vue-sonner",name:"toast",as:"useSonner"})}})}async function Se(){await xo({configFile:"nuxt.config",cwd:_,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(e=>{o.app.head.script.find(t=>t.src===e)||o.app.head.script.push({src:e,defer:!0})})}})}import{spawnSync as Fe}from"child_process";import Q from"path";import{Command as Oe}from"commander";import{consola as E}from"consola";import j from"kleur";import No from"lodash";import R from"prompts";import Ee from"axios";import Ie from"dotenv";import Te from"ora";Ie.config();var Io=async()=>{let o=Te("Fetching block categories...").start(),{data:r}=await Ee.get(process.env.BLOCK_CATEGORIES_API||"https://uithing.com/api/blocks/categories");return o.succeed("Block categories fetched."),r};import Ne from"axios";import _e from"dotenv";import Me from"ora";_e.config();var To=async()=>{let o=Me("Fetching blocks...").start(),{data:r}=await Ne.get(process.env.BLOCKS_API||"https://uithing.com/api/blocks");return o.succeed("Blocks fetched."),r};var D=[],_o=process.cwd();function Ae(o){return o.componentsLocation?.startsWith("app/")?"app/components/Blocks":"components/Blocks"}async function Pe(o,r,e,t){if(await y(o)&&!e){let{value:a}=await R({type:"confirm",name:"value",message:t,initial:!1});if(!a)return E.info(`Skipped: ${j.cyan(Q.basename(o))}`),!1}return await S(o,r),!0}var Le=async(o,r)=>{let e=await u();await g()||(e=await u({force:!0})),No.isEmpty(e)&&(E.info("Config file not set. Exiting..."),process.exit(0));let t=await Io(),n=r.category;if(!n&&t?.length){let{category:s}=await R({type:"select",name:"category",message:"Choose a block category",choices:[{title:"All",value:"all"},...t.map(w=>({title:w,value:w}))],initial:0});n=s}D=await To();let a=D;n&&n!=="all"&&(a=D.filter(s=>s.category===n),a.length===0&&(E.warn(`No blocks found for category ${j.cyan(n)}. Falling back to all.`),a=D));let{selectedBlocks:i}=await R({type:"autocompleteMultiselect",name:"selectedBlocks",message:"Select the blocks you want to add",choices:a.map(s=>({title:s.name,value:s}))});(!i||i.length===0)&&(E.info("No blocks selected. Exiting..."),process.exit(0));let l=i,d=Ae(e),{blocksDir:c}=await R({type:"text",name:"blocksDir",message:"Where should we add the blocks?",initial:d}),p=c||d;for(let s of l){let w=Q.join(p,s.path),b=Q.join(_o,w);await Pe(b,s.file,e.force,`The block file ${j.bold(s.fileName)} already exists. Overwrite?`)}let h=No.uniq(l.flatMap(s=>s.components||[]));if(h.length>0){E.info(`Adding ${h.length} component(s) required by blocks...`);let s=Fe("npx",["ui-thing@latest","add",...h],{cwd:_o,stdio:"inherit"});s.error&&E.error("Failed to add components:",s.error.message)}m("Blocks added!",`Run the ${j.cyan("ui-thing@latest --help")} command to learn more.
|
|
8
|
-
`,{box:{title:"Blocks Added"}})},Mo=new Oe().name("block").command("block").description("Add UI Thing blocks to your project.").option("-c --category <category>","Filter blocks by category before selection").action(Le);import ar from"path";import{updateConfig as ir}from"c12/update";import{Command as sr}from"commander";import jo from"fs-extra";import to from"kleur";import lr from"ora";var Ke=`@import "tailwindcss";
|
|
9
|
-
@import "tw-animate-css";
|
|
10
|
-
|
|
11
|
-
@plugin "@tailwindcss/forms" {
|
|
12
|
-
strategy: "class";
|
|
13
|
-
}
|
|
14
|
-
|
|
15
|
-
@custom-variant dark (&:is(.dark *));
|
|
16
|
-
|
|
17
|
-
@theme {
|
|
18
|
-
--font-sans: "Inter", ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji",
|
|
19
|
-
"Segoe UI Symbol", "Noto Color Emoji";
|
|
20
|
-
--font-mono: "Fira Code", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
|
|
21
|
-
"Courier New", monospace;
|
|
22
|
-
--font-display--font-feature-settings: "cv02", "cv03", "cv04", "cv11";
|
|
23
|
-
|
|
24
|
-
--animate-shine: shine 3s ease-out infinite;
|
|
25
|
-
--animate-gradient-flow: gradientFlow 10s ease 0s infinite normal none running;
|
|
26
|
-
--animate-meteor: meteor 5s linear infinite;
|
|
27
|
-
--animate-background-position-spin: background-position-spin 3000ms infinite alternate;
|
|
28
|
-
--animate-grid: grid 15s linear infinite;
|
|
29
|
-
|
|
30
|
-
@keyframes grid {
|
|
31
|
-
0% {
|
|
32
|
-
transform: translateY(-50%);
|
|
33
|
-
}
|
|
34
|
-
100% {
|
|
35
|
-
transform: translateY(0);
|
|
36
|
-
}
|
|
37
|
-
}
|
|
38
|
-
|
|
39
|
-
@keyframes shine {
|
|
40
|
-
0% {
|
|
41
|
-
background-position: 200% 0;
|
|
42
|
-
}
|
|
43
|
-
25%,
|
|
44
|
-
100% {
|
|
45
|
-
background-position: -200% 0;
|
|
46
|
-
}
|
|
47
|
-
}
|
|
48
|
-
|
|
49
|
-
@keyframes gradientFlow {
|
|
50
|
-
50% {
|
|
51
|
-
background-position: 100% 50%;
|
|
52
|
-
}
|
|
53
|
-
0%,
|
|
54
|
-
100% {
|
|
55
|
-
background-position: 0% 50%;
|
|
56
|
-
}
|
|
57
|
-
}
|
|
58
|
-
|
|
59
|
-
@keyframes meteor {
|
|
60
|
-
0% {
|
|
61
|
-
transform: rotate(var(--angle)) translateX(0);
|
|
62
|
-
opacity: 1;
|
|
63
|
-
}
|
|
64
|
-
70% {
|
|
65
|
-
opacity: 1;
|
|
66
|
-
}
|
|
67
|
-
100% {
|
|
68
|
-
transform: rotate(var(--angle)) translateX(-500px);
|
|
69
|
-
opacity: 0;
|
|
70
|
-
}
|
|
71
|
-
}
|
|
72
|
-
|
|
73
|
-
@keyframes background-position-spin {
|
|
74
|
-
0% {
|
|
75
|
-
background-position: top center;
|
|
76
|
-
}
|
|
77
|
-
100% {
|
|
78
|
-
background-position: bottom center;
|
|
79
|
-
}
|
|
80
|
-
}
|
|
81
|
-
}
|
|
82
|
-
|
|
83
|
-
@theme inline {
|
|
84
|
-
--radius-sm: calc(var(--radius) - 4px);
|
|
85
|
-
--radius-md: calc(var(--radius) - 2px);
|
|
86
|
-
--radius-lg: var(--radius);
|
|
87
|
-
--radius-xl: calc(var(--radius) + 4px);
|
|
88
|
-
|
|
89
|
-
--color-background: var(--background);
|
|
90
|
-
--color-foreground: var(--foreground);
|
|
91
|
-
--color-card: var(--card);
|
|
92
|
-
--color-card-foreground: var(--card-foreground);
|
|
93
|
-
--color-popover: var(--popover);
|
|
94
|
-
--color-popover-foreground: var(--popover-foreground);
|
|
95
|
-
--color-primary: var(--primary);
|
|
96
|
-
--color-primary-foreground: var(--primary-foreground);
|
|
97
|
-
--color-secondary: var(--secondary);
|
|
98
|
-
--color-secondary-foreground: var(--secondary-foreground);
|
|
99
|
-
--color-muted: var(--muted);
|
|
100
|
-
--color-muted-foreground: var(--muted-foreground);
|
|
101
|
-
--color-accent: var(--accent);
|
|
102
|
-
--color-accent-foreground: var(--accent-foreground);
|
|
103
|
-
--color-destructive: var(--destructive);
|
|
104
|
-
--color-destructive-foreground: var(--destructive-foreground);
|
|
105
|
-
--color-border: var(--border);
|
|
106
|
-
--color-input: var(--input);
|
|
107
|
-
--color-ring: var(--ring);
|
|
108
|
-
|
|
109
|
-
--color-sidebar-background: var(--sidebar-background);
|
|
110
|
-
--color-sidebar-foreground: var(--sidebar-foreground);
|
|
111
|
-
--color-sidebar-primary: var(--sidebar-primary);
|
|
112
|
-
--color-sidebar-primary-foreground: var(--sidebar-primary-foreground);
|
|
113
|
-
--color-sidebar-accent: var(--sidebar-accent);
|
|
114
|
-
--color-sidebar-accent-foreground: var(--sidebar-accent-foreground);
|
|
115
|
-
--color-sidebar-border: var(--sidebar-border);
|
|
116
|
-
--color-sidebar-ring: var(--sidebar-ring);
|
|
117
|
-
--color-sidebar-input: var(--sidebar-input);
|
|
118
|
-
|
|
119
|
-
--color-gradient-lime: var(--gradient-lime);
|
|
120
|
-
--color-gradient-ocean: var(--gradient-ocean);
|
|
121
|
-
--color-gradient-wine: var(--gradient-wine);
|
|
122
|
-
--color-gradient-rust: var(--gradient-rust);
|
|
123
|
-
}
|
|
124
|
-
|
|
125
|
-
:root {
|
|
126
|
-
/* Gradient slide show Colors */
|
|
127
|
-
--gradient-lime: oklch(67.287% 0.1546 116.644);
|
|
128
|
-
--gradient-ocean: oklch(44.56% 0.10114 242.813);
|
|
129
|
-
--gradient-wine: oklch(32.332% 0.12034 5.266);
|
|
130
|
-
--gradient-rust: oklch(55.695% 0.19944 34.155);
|
|
131
|
-
}
|
|
132
|
-
|
|
133
|
-
`,Ue=`@layer base {
|
|
134
|
-
* {
|
|
135
|
-
@apply border-border outline-ring/50;
|
|
136
|
-
}
|
|
137
|
-
* {
|
|
138
|
-
scrollbar-width: thin;
|
|
139
|
-
scrollbar-color: var(--border) transparent;
|
|
140
|
-
}
|
|
141
|
-
html {
|
|
142
|
-
@apply antialiased;
|
|
143
|
-
}
|
|
144
|
-
body {
|
|
145
|
-
@apply bg-background text-foreground;
|
|
146
|
-
}
|
|
147
|
-
::-webkit-scrollbar {
|
|
148
|
-
width: 4px;
|
|
149
|
-
}
|
|
150
|
-
::-webkit-scrollbar-track {
|
|
151
|
-
background: transparent;
|
|
152
|
-
}
|
|
153
|
-
::-webkit-scrollbar-thumb {
|
|
154
|
-
background: var(--border);
|
|
155
|
-
border-radius: 4px;
|
|
156
|
-
}
|
|
157
|
-
button:not(:disabled),
|
|
158
|
-
[role="button"]:not(:disabled) {
|
|
159
|
-
cursor: pointer;
|
|
160
|
-
}
|
|
161
|
-
html {
|
|
162
|
-
color-scheme: light dark;
|
|
163
|
-
}
|
|
164
|
-
html.dark {
|
|
165
|
-
color-scheme: dark;
|
|
166
|
-
}
|
|
167
|
-
html.light {
|
|
168
|
-
color-scheme: light;
|
|
169
|
-
}
|
|
170
|
-
}
|
|
171
|
-
|
|
172
|
-
@utility no-scrollbar {
|
|
173
|
-
-ms-overflow-style: none;
|
|
174
|
-
scrollbar-width: none;
|
|
175
|
-
&::-webkit-scrollbar {
|
|
176
|
-
display: none;
|
|
177
|
-
}
|
|
178
|
-
}
|
|
179
|
-
`,B=o=>(Fo[o]||(o="ZINC"),`${Ke}${Fo[o]}${Ue}`),De=`
|
|
180
|
-
:root {
|
|
181
|
-
--radius: 0.65rem;
|
|
182
|
-
--background: oklch(1 0 0);
|
|
183
|
-
--foreground: oklch(0.145 0 0);
|
|
184
|
-
--card: oklch(1 0 0);
|
|
185
|
-
--card-foreground: oklch(0.145 0 0);
|
|
186
|
-
--popover: oklch(1 0 0);
|
|
187
|
-
--popover-foreground: oklch(0.145 0 0);
|
|
188
|
-
--primary: oklch(0.205 0 0);
|
|
189
|
-
--primary-foreground: oklch(0.985 0 0);
|
|
190
|
-
--secondary: oklch(0.97 0 0);
|
|
191
|
-
--secondary-foreground: oklch(0.205 0 0);
|
|
192
|
-
--muted: oklch(0.97 0 0);
|
|
193
|
-
--muted-foreground: oklch(0.556 0 0);
|
|
194
|
-
--accent: oklch(0.97 0 0);
|
|
195
|
-
--accent-foreground: oklch(0.205 0 0);
|
|
196
|
-
--destructive: oklch(0.577 0.245 27.325);
|
|
197
|
-
--border: oklch(0.922 0 0);
|
|
198
|
-
--input: oklch(0.922 0 0);
|
|
199
|
-
--ring: oklch(0.708 0 0);
|
|
200
|
-
--chart-1: oklch(0.646 0.222 41.116);
|
|
201
|
-
--chart-2: oklch(0.6 0.118 184.704);
|
|
202
|
-
--chart-3: oklch(0.398 0.07 227.392);
|
|
203
|
-
--chart-4: oklch(0.828 0.189 84.429);
|
|
204
|
-
--chart-5: oklch(0.769 0.188 70.08);
|
|
205
|
-
--sidebar: oklch(0.985 0 0);
|
|
206
|
-
--sidebar-foreground: oklch(0.145 0 0);
|
|
207
|
-
--sidebar-primary: oklch(0.205 0 0);
|
|
208
|
-
--sidebar-primary-foreground: oklch(0.985 0 0);
|
|
209
|
-
--sidebar-accent: oklch(0.97 0 0);
|
|
210
|
-
--sidebar-accent-foreground: oklch(0.205 0 0);
|
|
211
|
-
--sidebar-border: oklch(0.922 0 0);
|
|
212
|
-
--sidebar-ring: oklch(0.708 0 0);
|
|
213
|
-
}
|
|
214
|
-
|
|
215
|
-
.dark {
|
|
216
|
-
--background: oklch(0.145 0 0);
|
|
217
|
-
--foreground: oklch(0.985 0 0);
|
|
218
|
-
--card: oklch(0.205 0 0);
|
|
219
|
-
--card-foreground: oklch(0.985 0 0);
|
|
220
|
-
--popover: oklch(0.205 0 0);
|
|
221
|
-
--popover-foreground: oklch(0.985 0 0);
|
|
222
|
-
--primary: oklch(0.922 0 0);
|
|
223
|
-
--primary-foreground: oklch(0.205 0 0);
|
|
224
|
-
--secondary: oklch(0.269 0 0);
|
|
225
|
-
--secondary-foreground: oklch(0.985 0 0);
|
|
226
|
-
--muted: oklch(0.269 0 0);
|
|
227
|
-
--muted-foreground: oklch(0.708 0 0);
|
|
228
|
-
--accent: oklch(0.269 0 0);
|
|
229
|
-
--accent-foreground: oklch(0.985 0 0);
|
|
230
|
-
--destructive: oklch(0.704 0.191 22.216);
|
|
231
|
-
--border: oklch(1 0 0 / 10%);
|
|
232
|
-
--input: oklch(1 0 0 / 15%);
|
|
233
|
-
--ring: oklch(0.556 0 0);
|
|
234
|
-
--chart-1: oklch(0.488 0.243 264.376);
|
|
235
|
-
--chart-2: oklch(0.696 0.17 162.48);
|
|
236
|
-
--chart-3: oklch(0.769 0.188 70.08);
|
|
237
|
-
--chart-4: oklch(0.627 0.265 303.9);
|
|
238
|
-
--chart-5: oklch(0.645 0.246 16.439);
|
|
239
|
-
--sidebar: oklch(0.205 0 0);
|
|
240
|
-
--sidebar-foreground: oklch(0.985 0 0);
|
|
241
|
-
--sidebar-primary: oklch(0.488 0.243 264.376);
|
|
242
|
-
--sidebar-primary-foreground: oklch(0.985 0 0);
|
|
243
|
-
--sidebar-accent: oklch(0.269 0 0);
|
|
244
|
-
--sidebar-accent-foreground: oklch(0.985 0 0);
|
|
245
|
-
--sidebar-border: oklch(1 0 0 / 10%);
|
|
246
|
-
--sidebar-ring: oklch(0.556 0 0);
|
|
247
|
-
}
|
|
248
|
-
|
|
249
|
-
`,je=`
|
|
250
|
-
:root {
|
|
251
|
-
--radius: 0.625rem;
|
|
252
|
-
--background: oklch(1 0 0);
|
|
253
|
-
--foreground: oklch(0.129 0.042 264.695);
|
|
254
|
-
--card: oklch(1 0 0);
|
|
255
|
-
--card-foreground: oklch(0.129 0.042 264.695);
|
|
256
|
-
--popover: oklch(1 0 0);
|
|
257
|
-
--popover-foreground: oklch(0.129 0.042 264.695);
|
|
258
|
-
--primary: oklch(0.208 0.042 265.755);
|
|
259
|
-
--primary-foreground: oklch(0.984 0.003 247.858);
|
|
260
|
-
--secondary: oklch(0.968 0.007 247.896);
|
|
261
|
-
--secondary-foreground: oklch(0.208 0.042 265.755);
|
|
262
|
-
--muted: oklch(0.968 0.007 247.896);
|
|
263
|
-
--muted-foreground: oklch(0.554 0.046 257.417);
|
|
264
|
-
--accent: oklch(0.968 0.007 247.896);
|
|
265
|
-
--accent-foreground: oklch(0.208 0.042 265.755);
|
|
266
|
-
--destructive: oklch(0.577 0.245 27.325);
|
|
267
|
-
--border: oklch(0.929 0.013 255.508);
|
|
268
|
-
--input: oklch(0.929 0.013 255.508);
|
|
269
|
-
--ring: oklch(0.704 0.04 256.788);
|
|
270
|
-
--chart-1: oklch(0.646 0.222 41.116);
|
|
271
|
-
--chart-2: oklch(0.6 0.118 184.704);
|
|
272
|
-
--chart-3: oklch(0.398 0.07 227.392);
|
|
273
|
-
--chart-4: oklch(0.828 0.189 84.429);
|
|
274
|
-
--chart-5: oklch(0.769 0.188 70.08);
|
|
275
|
-
--sidebar: oklch(0.984 0.003 247.858);
|
|
276
|
-
--sidebar-foreground: oklch(0.129 0.042 264.695);
|
|
277
|
-
--sidebar-primary: oklch(0.208 0.042 265.755);
|
|
278
|
-
--sidebar-primary-foreground: oklch(0.984 0.003 247.858);
|
|
279
|
-
--sidebar-accent: oklch(0.968 0.007 247.896);
|
|
280
|
-
--sidebar-accent-foreground: oklch(0.208 0.042 265.755);
|
|
281
|
-
--sidebar-border: oklch(0.929 0.013 255.508);
|
|
282
|
-
--sidebar-ring: oklch(0.704 0.04 256.788);
|
|
283
|
-
}
|
|
284
|
-
|
|
285
|
-
.dark {
|
|
286
|
-
--background: oklch(0.129 0.042 264.695);
|
|
287
|
-
--foreground: oklch(0.984 0.003 247.858);
|
|
288
|
-
--card: oklch(0.208 0.042 265.755);
|
|
289
|
-
--card-foreground: oklch(0.984 0.003 247.858);
|
|
290
|
-
--popover: oklch(0.208 0.042 265.755);
|
|
291
|
-
--popover-foreground: oklch(0.984 0.003 247.858);
|
|
292
|
-
--primary: oklch(0.929 0.013 255.508);
|
|
293
|
-
--primary-foreground: oklch(0.208 0.042 265.755);
|
|
294
|
-
--secondary: oklch(0.279 0.041 260.031);
|
|
295
|
-
--secondary-foreground: oklch(0.984 0.003 247.858);
|
|
296
|
-
--muted: oklch(0.279 0.041 260.031);
|
|
297
|
-
--muted-foreground: oklch(0.704 0.04 256.788);
|
|
298
|
-
--accent: oklch(0.279 0.041 260.031);
|
|
299
|
-
--accent-foreground: oklch(0.984 0.003 247.858);
|
|
300
|
-
--destructive: oklch(0.704 0.191 22.216);
|
|
301
|
-
--border: oklch(1 0 0 / 10%);
|
|
302
|
-
--input: oklch(1 0 0 / 15%);
|
|
303
|
-
--ring: oklch(0.551 0.027 264.364);
|
|
304
|
-
--chart-1: oklch(0.488 0.243 264.376);
|
|
305
|
-
--chart-2: oklch(0.696 0.17 162.48);
|
|
306
|
-
--chart-3: oklch(0.769 0.188 70.08);
|
|
307
|
-
--chart-4: oklch(0.627 0.265 303.9);
|
|
308
|
-
--chart-5: oklch(0.645 0.246 16.439);
|
|
309
|
-
--sidebar: oklch(0.208 0.042 265.755);
|
|
310
|
-
--sidebar-foreground: oklch(0.984 0.003 247.858);
|
|
311
|
-
--sidebar-primary: oklch(0.488 0.243 264.376);
|
|
312
|
-
--sidebar-primary-foreground: oklch(0.984 0.003 247.858);
|
|
313
|
-
--sidebar-accent: oklch(0.279 0.041 260.031);
|
|
314
|
-
--sidebar-accent-foreground: oklch(0.984 0.003 247.858);
|
|
315
|
-
--sidebar-border: oklch(1 0 0 / 10%);
|
|
316
|
-
--sidebar-ring: oklch(0.551 0.027 264.364);
|
|
317
|
-
}
|
|
318
|
-
|
|
319
|
-
`,Re=`
|
|
320
|
-
:root {
|
|
321
|
-
--radius: 0.625rem;
|
|
322
|
-
--background: oklch(1 0 0);
|
|
323
|
-
--foreground: oklch(0.147 0.004 49.25);
|
|
324
|
-
--card: oklch(1 0 0);
|
|
325
|
-
--card-foreground: oklch(0.147 0.004 49.25);
|
|
326
|
-
--popover: oklch(1 0 0);
|
|
327
|
-
--popover-foreground: oklch(0.147 0.004 49.25);
|
|
328
|
-
--primary: oklch(0.216 0.006 56.043);
|
|
329
|
-
--primary-foreground: oklch(0.985 0.001 106.423);
|
|
330
|
-
--secondary: oklch(0.97 0.001 106.424);
|
|
331
|
-
--secondary-foreground: oklch(0.216 0.006 56.043);
|
|
332
|
-
--muted: oklch(0.97 0.001 106.424);
|
|
333
|
-
--muted-foreground: oklch(0.553 0.013 58.071);
|
|
334
|
-
--accent: oklch(0.97 0.001 106.424);
|
|
335
|
-
--accent-foreground: oklch(0.216 0.006 56.043);
|
|
336
|
-
--destructive: oklch(0.577 0.245 27.325);
|
|
337
|
-
--border: oklch(0.923 0.003 48.717);
|
|
338
|
-
--input: oklch(0.923 0.003 48.717);
|
|
339
|
-
--ring: oklch(0.709 0.01 56.259);
|
|
340
|
-
--chart-1: oklch(0.646 0.222 41.116);
|
|
341
|
-
--chart-2: oklch(0.6 0.118 184.704);
|
|
342
|
-
--chart-3: oklch(0.398 0.07 227.392);
|
|
343
|
-
--chart-4: oklch(0.828 0.189 84.429);
|
|
344
|
-
--chart-5: oklch(0.769 0.188 70.08);
|
|
345
|
-
--sidebar: oklch(0.985 0.001 106.423);
|
|
346
|
-
--sidebar-foreground: oklch(0.147 0.004 49.25);
|
|
347
|
-
--sidebar-primary: oklch(0.216 0.006 56.043);
|
|
348
|
-
--sidebar-primary-foreground: oklch(0.985 0.001 106.423);
|
|
349
|
-
--sidebar-accent: oklch(0.97 0.001 106.424);
|
|
350
|
-
--sidebar-accent-foreground: oklch(0.216 0.006 56.043);
|
|
351
|
-
--sidebar-border: oklch(0.923 0.003 48.717);
|
|
352
|
-
--sidebar-ring: oklch(0.709 0.01 56.259);
|
|
353
|
-
}
|
|
354
|
-
.dark {
|
|
355
|
-
--background: oklch(0.147 0.004 49.25);
|
|
356
|
-
--foreground: oklch(0.985 0.001 106.423);
|
|
357
|
-
--card: oklch(0.216 0.006 56.043);
|
|
358
|
-
--card-foreground: oklch(0.985 0.001 106.423);
|
|
359
|
-
--popover: oklch(0.216 0.006 56.043);
|
|
360
|
-
--popover-foreground: oklch(0.985 0.001 106.423);
|
|
361
|
-
--primary: oklch(0.923 0.003 48.717);
|
|
362
|
-
--primary-foreground: oklch(0.216 0.006 56.043);
|
|
363
|
-
--secondary: oklch(0.268 0.007 34.298);
|
|
364
|
-
--secondary-foreground: oklch(0.985 0.001 106.423);
|
|
365
|
-
--muted: oklch(0.268 0.007 34.298);
|
|
366
|
-
--muted-foreground: oklch(0.709 0.01 56.259);
|
|
367
|
-
--accent: oklch(0.268 0.007 34.298);
|
|
368
|
-
--accent-foreground: oklch(0.985 0.001 106.423);
|
|
369
|
-
--destructive: oklch(0.704 0.191 22.216);
|
|
370
|
-
--border: oklch(1 0 0 / 10%);
|
|
371
|
-
--input: oklch(1 0 0 / 15%);
|
|
372
|
-
--ring: oklch(0.553 0.013 58.071);
|
|
373
|
-
--chart-1: oklch(0.488 0.243 264.376);
|
|
374
|
-
--chart-2: oklch(0.696 0.17 162.48);
|
|
375
|
-
--chart-3: oklch(0.769 0.188 70.08);
|
|
376
|
-
--chart-4: oklch(0.627 0.265 303.9);
|
|
377
|
-
--chart-5: oklch(0.645 0.246 16.439);
|
|
378
|
-
--sidebar: oklch(0.216 0.006 56.043);
|
|
379
|
-
--sidebar-foreground: oklch(0.985 0.001 106.423);
|
|
380
|
-
--sidebar-primary: oklch(0.488 0.243 264.376);
|
|
381
|
-
--sidebar-primary-foreground: oklch(0.985 0.001 106.423);
|
|
382
|
-
--sidebar-accent: oklch(0.268 0.007 34.298);
|
|
383
|
-
--sidebar-accent-foreground: oklch(0.985 0.001 106.423);
|
|
384
|
-
--sidebar-border: oklch(1 0 0 / 10%);
|
|
385
|
-
--sidebar-ring: oklch(0.553 0.013 58.071);
|
|
386
|
-
}
|
|
387
|
-
|
|
388
|
-
`,Be=`
|
|
389
|
-
:root {
|
|
390
|
-
--radius: 0.625rem;
|
|
391
|
-
--background: oklch(1 0 0);
|
|
392
|
-
--foreground: oklch(0.13 0.028 261.692);
|
|
393
|
-
--card: oklch(1 0 0);
|
|
394
|
-
--card-foreground: oklch(0.13 0.028 261.692);
|
|
395
|
-
--popover: oklch(1 0 0);
|
|
396
|
-
--popover-foreground: oklch(0.13 0.028 261.692);
|
|
397
|
-
--primary: oklch(0.21 0.034 264.665);
|
|
398
|
-
--primary-foreground: oklch(0.985 0.002 247.839);
|
|
399
|
-
--secondary: oklch(0.967 0.003 264.542);
|
|
400
|
-
--secondary-foreground: oklch(0.21 0.034 264.665);
|
|
401
|
-
--muted: oklch(0.967 0.003 264.542);
|
|
402
|
-
--muted-foreground: oklch(0.551 0.027 264.364);
|
|
403
|
-
--accent: oklch(0.967 0.003 264.542);
|
|
404
|
-
--accent-foreground: oklch(0.21 0.034 264.665);
|
|
405
|
-
--destructive: oklch(0.577 0.245 27.325);
|
|
406
|
-
--border: oklch(0.928 0.006 264.531);
|
|
407
|
-
--input: oklch(0.928 0.006 264.531);
|
|
408
|
-
--ring: oklch(0.707 0.022 261.325);
|
|
409
|
-
--chart-1: oklch(0.646 0.222 41.116);
|
|
410
|
-
--chart-2: oklch(0.6 0.118 184.704);
|
|
411
|
-
--chart-3: oklch(0.398 0.07 227.392);
|
|
412
|
-
--chart-4: oklch(0.828 0.189 84.429);
|
|
413
|
-
--chart-5: oklch(0.769 0.188 70.08);
|
|
414
|
-
--sidebar: oklch(0.985 0.002 247.839);
|
|
415
|
-
--sidebar-foreground: oklch(0.13 0.028 261.692);
|
|
416
|
-
--sidebar-primary: oklch(0.21 0.034 264.665);
|
|
417
|
-
--sidebar-primary-foreground: oklch(0.985 0.002 247.839);
|
|
418
|
-
--sidebar-accent: oklch(0.967 0.003 264.542);
|
|
419
|
-
--sidebar-accent-foreground: oklch(0.21 0.034 264.665);
|
|
420
|
-
--sidebar-border: oklch(0.928 0.006 264.531);
|
|
421
|
-
--sidebar-ring: oklch(0.707 0.022 261.325);
|
|
422
|
-
}
|
|
423
|
-
|
|
424
|
-
.dark {
|
|
425
|
-
--background: oklch(0.13 0.028 261.692);
|
|
426
|
-
--foreground: oklch(0.985 0.002 247.839);
|
|
427
|
-
--card: oklch(0.21 0.034 264.665);
|
|
428
|
-
--card-foreground: oklch(0.985 0.002 247.839);
|
|
429
|
-
--popover: oklch(0.21 0.034 264.665);
|
|
430
|
-
--popover-foreground: oklch(0.985 0.002 247.839);
|
|
431
|
-
--primary: oklch(0.928 0.006 264.531);
|
|
432
|
-
--primary-foreground: oklch(0.21 0.034 264.665);
|
|
433
|
-
--secondary: oklch(0.278 0.033 256.848);
|
|
434
|
-
--secondary-foreground: oklch(0.985 0.002 247.839);
|
|
435
|
-
--muted: oklch(0.278 0.033 256.848);
|
|
436
|
-
--muted-foreground: oklch(0.707 0.022 261.325);
|
|
437
|
-
--accent: oklch(0.278 0.033 256.848);
|
|
438
|
-
--accent-foreground: oklch(0.985 0.002 247.839);
|
|
439
|
-
--destructive: oklch(0.704 0.191 22.216);
|
|
440
|
-
--border: oklch(1 0 0 / 10%);
|
|
441
|
-
--input: oklch(1 0 0 / 15%);
|
|
442
|
-
--ring: oklch(0.551 0.027 264.364);
|
|
443
|
-
--chart-1: oklch(0.488 0.243 264.376);
|
|
444
|
-
--chart-2: oklch(0.696 0.17 162.48);
|
|
445
|
-
--chart-3: oklch(0.769 0.188 70.08);
|
|
446
|
-
--chart-4: oklch(0.627 0.265 303.9);
|
|
447
|
-
--chart-5: oklch(0.645 0.246 16.439);
|
|
448
|
-
--sidebar: oklch(0.21 0.034 264.665);
|
|
449
|
-
--sidebar-foreground: oklch(0.985 0.002 247.839);
|
|
450
|
-
--sidebar-primary: oklch(0.488 0.243 264.376);
|
|
451
|
-
--sidebar-primary-foreground: oklch(0.985 0.002 247.839);
|
|
452
|
-
--sidebar-accent: oklch(0.278 0.033 256.848);
|
|
453
|
-
--sidebar-accent-foreground: oklch(0.985 0.002 247.839);
|
|
454
|
-
--sidebar-border: oklch(1 0 0 / 10%);
|
|
455
|
-
--sidebar-ring: oklch(0.551 0.027 264.364);
|
|
456
|
-
}
|
|
457
|
-
|
|
458
|
-
`,$e=`
|
|
459
|
-
:root {
|
|
460
|
-
--radius: 0.625rem;
|
|
461
|
-
--background: oklch(1 0 0);
|
|
462
|
-
--foreground: oklch(0.145 0 0);
|
|
463
|
-
--card: oklch(1 0 0);
|
|
464
|
-
--card-foreground: oklch(0.145 0 0);
|
|
465
|
-
--popover: oklch(1 0 0);
|
|
466
|
-
--popover-foreground: oklch(0.145 0 0);
|
|
467
|
-
--primary: oklch(0.205 0 0);
|
|
468
|
-
--primary-foreground: oklch(0.985 0 0);
|
|
469
|
-
--secondary: oklch(0.97 0 0);
|
|
470
|
-
--secondary-foreground: oklch(0.205 0 0);
|
|
471
|
-
--muted: oklch(0.97 0 0);
|
|
472
|
-
--muted-foreground: oklch(0.556 0 0);
|
|
473
|
-
--accent: oklch(0.97 0 0);
|
|
474
|
-
--accent-foreground: oklch(0.205 0 0);
|
|
475
|
-
--destructive: oklch(0.577 0.245 27.325);
|
|
476
|
-
--border: oklch(0.922 0 0);
|
|
477
|
-
--input: oklch(0.922 0 0);
|
|
478
|
-
--ring: oklch(0.708 0 0);
|
|
479
|
-
--chart-1: oklch(0.646 0.222 41.116);
|
|
480
|
-
--chart-2: oklch(0.6 0.118 184.704);
|
|
481
|
-
--chart-3: oklch(0.398 0.07 227.392);
|
|
482
|
-
--chart-4: oklch(0.828 0.189 84.429);
|
|
483
|
-
--chart-5: oklch(0.769 0.188 70.08);
|
|
484
|
-
--sidebar: oklch(0.985 0 0);
|
|
485
|
-
--sidebar-foreground: oklch(0.145 0 0);
|
|
486
|
-
--sidebar-primary: oklch(0.205 0 0);
|
|
487
|
-
--sidebar-primary-foreground: oklch(0.985 0 0);
|
|
488
|
-
--sidebar-accent: oklch(0.97 0 0);
|
|
489
|
-
--sidebar-accent-foreground: oklch(0.205 0 0);
|
|
490
|
-
--sidebar-border: oklch(0.922 0 0);
|
|
491
|
-
--sidebar-ring: oklch(0.708 0 0);
|
|
492
|
-
}
|
|
493
|
-
|
|
494
|
-
.dark {
|
|
495
|
-
--background: oklch(0.145 0 0);
|
|
496
|
-
--foreground: oklch(0.985 0 0);
|
|
497
|
-
--card: oklch(0.205 0 0);
|
|
498
|
-
--card-foreground: oklch(0.985 0 0);
|
|
499
|
-
--popover: oklch(0.205 0 0);
|
|
500
|
-
--popover-foreground: oklch(0.985 0 0);
|
|
501
|
-
--primary: oklch(0.922 0 0);
|
|
502
|
-
--primary-foreground: oklch(0.205 0 0);
|
|
503
|
-
--secondary: oklch(0.269 0 0);
|
|
504
|
-
--secondary-foreground: oklch(0.985 0 0);
|
|
505
|
-
--muted: oklch(0.269 0 0);
|
|
506
|
-
--muted-foreground: oklch(0.708 0 0);
|
|
507
|
-
--accent: oklch(0.269 0 0);
|
|
508
|
-
--accent-foreground: oklch(0.985 0 0);
|
|
509
|
-
--destructive: oklch(0.704 0.191 22.216);
|
|
510
|
-
--border: oklch(1 0 0 / 10%);
|
|
511
|
-
--input: oklch(1 0 0 / 15%);
|
|
512
|
-
--ring: oklch(0.556 0 0);
|
|
513
|
-
--chart-1: oklch(0.488 0.243 264.376);
|
|
514
|
-
--chart-2: oklch(0.696 0.17 162.48);
|
|
515
|
-
--chart-3: oklch(0.769 0.188 70.08);
|
|
516
|
-
--chart-4: oklch(0.627 0.265 303.9);
|
|
517
|
-
--chart-5: oklch(0.645 0.246 16.439);
|
|
518
|
-
--sidebar: oklch(0.205 0 0);
|
|
519
|
-
--sidebar-foreground: oklch(0.985 0 0);
|
|
520
|
-
--sidebar-primary: oklch(0.488 0.243 264.376);
|
|
521
|
-
--sidebar-primary-foreground: oklch(0.985 0 0);
|
|
522
|
-
--sidebar-accent: oklch(0.269 0 0);
|
|
523
|
-
--sidebar-accent-foreground: oklch(0.985 0 0);
|
|
524
|
-
--sidebar-border: oklch(1 0 0 / 10%);
|
|
525
|
-
--sidebar-ring: oklch(0.556 0 0);
|
|
526
|
-
}
|
|
527
|
-
|
|
528
|
-
`,We=`
|
|
529
|
-
:root {
|
|
530
|
-
--radius: 0.65rem;
|
|
531
|
-
--background: oklch(1 0 0);
|
|
532
|
-
--foreground: oklch(0.141 0.005 285.823);
|
|
533
|
-
--card: oklch(1 0 0);
|
|
534
|
-
--card-foreground: oklch(0.141 0.005 285.823);
|
|
535
|
-
--popover: oklch(1 0 0);
|
|
536
|
-
--popover-foreground: oklch(0.141 0.005 285.823);
|
|
537
|
-
--primary: oklch(0.637 0.237 25.331);
|
|
538
|
-
--primary-foreground: oklch(0.971 0.013 17.38);
|
|
539
|
-
--secondary: oklch(0.967 0.001 286.375);
|
|
540
|
-
--secondary-foreground: oklch(0.21 0.006 285.885);
|
|
541
|
-
--muted: oklch(0.967 0.001 286.375);
|
|
542
|
-
--muted-foreground: oklch(0.552 0.016 285.938);
|
|
543
|
-
--accent: oklch(0.967 0.001 286.375);
|
|
544
|
-
--accent-foreground: oklch(0.21 0.006 285.885);
|
|
545
|
-
--destructive: oklch(0.577 0.245 27.325);
|
|
546
|
-
--border: oklch(0.92 0.004 286.32);
|
|
547
|
-
--input: oklch(0.92 0.004 286.32);
|
|
548
|
-
--ring: oklch(0.637 0.237 25.331);
|
|
549
|
-
--chart-1: oklch(0.646 0.222 41.116);
|
|
550
|
-
--chart-2: oklch(0.6 0.118 184.704);
|
|
551
|
-
--chart-3: oklch(0.398 0.07 227.392);
|
|
552
|
-
--chart-4: oklch(0.828 0.189 84.429);
|
|
553
|
-
--chart-5: oklch(0.769 0.188 70.08);
|
|
554
|
-
--sidebar: oklch(0.985 0 0);
|
|
555
|
-
--sidebar-foreground: oklch(0.141 0.005 285.823);
|
|
556
|
-
--sidebar-primary: oklch(0.637 0.237 25.331);
|
|
557
|
-
--sidebar-primary-foreground: oklch(0.971 0.013 17.38);
|
|
558
|
-
--sidebar-accent: oklch(0.967 0.001 286.375);
|
|
559
|
-
--sidebar-accent-foreground: oklch(0.21 0.006 285.885);
|
|
560
|
-
--sidebar-border: oklch(0.92 0.004 286.32);
|
|
561
|
-
--sidebar-ring: oklch(0.637 0.237 25.331);
|
|
562
|
-
}
|
|
563
|
-
|
|
564
|
-
.dark {
|
|
565
|
-
--background: oklch(0.141 0.005 285.823);
|
|
566
|
-
--foreground: oklch(0.985 0 0);
|
|
567
|
-
--card: oklch(0.21 0.006 285.885);
|
|
568
|
-
--card-foreground: oklch(0.985 0 0);
|
|
569
|
-
--popover: oklch(0.21 0.006 285.885);
|
|
570
|
-
--popover-foreground: oklch(0.985 0 0);
|
|
571
|
-
--primary: oklch(0.637 0.237 25.331);
|
|
572
|
-
--primary-foreground: oklch(0.971 0.013 17.38);
|
|
573
|
-
--secondary: oklch(0.274 0.006 286.033);
|
|
574
|
-
--secondary-foreground: oklch(0.985 0 0);
|
|
575
|
-
--muted: oklch(0.274 0.006 286.033);
|
|
576
|
-
--muted-foreground: oklch(0.705 0.015 286.067);
|
|
577
|
-
--accent: oklch(0.274 0.006 286.033);
|
|
578
|
-
--accent-foreground: oklch(0.985 0 0);
|
|
579
|
-
--destructive: oklch(0.704 0.191 22.216);
|
|
580
|
-
--border: oklch(1 0 0 / 10%);
|
|
581
|
-
--input: oklch(1 0 0 / 15%);
|
|
582
|
-
--ring: oklch(0.637 0.237 25.331);
|
|
583
|
-
--chart-1: oklch(0.488 0.243 264.376);
|
|
584
|
-
--chart-2: oklch(0.696 0.17 162.48);
|
|
585
|
-
--chart-3: oklch(0.769 0.188 70.08);
|
|
586
|
-
--chart-4: oklch(0.627 0.265 303.9);
|
|
587
|
-
--chart-5: oklch(0.645 0.246 16.439);
|
|
588
|
-
--sidebar: oklch(0.21 0.006 285.885);
|
|
589
|
-
--sidebar-foreground: oklch(0.985 0 0);
|
|
590
|
-
--sidebar-primary: oklch(0.637 0.237 25.331);
|
|
591
|
-
--sidebar-primary-foreground: oklch(0.971 0.013 17.38);
|
|
592
|
-
--sidebar-accent: oklch(0.274 0.006 286.033);
|
|
593
|
-
--sidebar-accent-foreground: oklch(0.985 0 0);
|
|
594
|
-
--sidebar-border: oklch(1 0 0 / 10%);
|
|
595
|
-
--sidebar-ring: oklch(0.637 0.237 25.331);
|
|
596
|
-
}
|
|
597
|
-
|
|
598
|
-
`,Ge=`
|
|
599
|
-
:root {
|
|
600
|
-
--radius: 0.65rem;
|
|
601
|
-
--background: oklch(1 0 0);
|
|
602
|
-
--foreground: oklch(0.141 0.005 285.823);
|
|
603
|
-
--card: oklch(1 0 0);
|
|
604
|
-
--card-foreground: oklch(0.141 0.005 285.823);
|
|
605
|
-
--popover: oklch(1 0 0);
|
|
606
|
-
--popover-foreground: oklch(0.141 0.005 285.823);
|
|
607
|
-
--primary: oklch(0.645 0.246 16.439);
|
|
608
|
-
--primary-foreground: oklch(0.969 0.015 12.422);
|
|
609
|
-
--secondary: oklch(0.967 0.001 286.375);
|
|
610
|
-
--secondary-foreground: oklch(0.21 0.006 285.885);
|
|
611
|
-
--muted: oklch(0.967 0.001 286.375);
|
|
612
|
-
--muted-foreground: oklch(0.552 0.016 285.938);
|
|
613
|
-
--accent: oklch(0.967 0.001 286.375);
|
|
614
|
-
--accent-foreground: oklch(0.21 0.006 285.885);
|
|
615
|
-
--destructive: oklch(0.577 0.245 27.325);
|
|
616
|
-
--border: oklch(0.92 0.004 286.32);
|
|
617
|
-
--input: oklch(0.92 0.004 286.32);
|
|
618
|
-
--ring: oklch(0.645 0.246 16.439);
|
|
619
|
-
--chart-1: oklch(0.646 0.222 41.116);
|
|
620
|
-
--chart-2: oklch(0.6 0.118 184.704);
|
|
621
|
-
--chart-3: oklch(0.398 0.07 227.392);
|
|
622
|
-
--chart-4: oklch(0.828 0.189 84.429);
|
|
623
|
-
--chart-5: oklch(0.769 0.188 70.08);
|
|
624
|
-
--sidebar: oklch(0.985 0 0);
|
|
625
|
-
--sidebar-foreground: oklch(0.141 0.005 285.823);
|
|
626
|
-
--sidebar-primary: oklch(0.645 0.246 16.439);
|
|
627
|
-
--sidebar-primary-foreground: oklch(0.969 0.015 12.422);
|
|
628
|
-
--sidebar-accent: oklch(0.967 0.001 286.375);
|
|
629
|
-
--sidebar-accent-foreground: oklch(0.21 0.006 285.885);
|
|
630
|
-
--sidebar-border: oklch(0.92 0.004 286.32);
|
|
631
|
-
--sidebar-ring: oklch(0.645 0.246 16.439);
|
|
632
|
-
}
|
|
633
|
-
|
|
634
|
-
.dark {
|
|
635
|
-
--background: oklch(0.141 0.005 285.823);
|
|
636
|
-
--foreground: oklch(0.985 0 0);
|
|
637
|
-
--card: oklch(0.21 0.006 285.885);
|
|
638
|
-
--card-foreground: oklch(0.985 0 0);
|
|
639
|
-
--popover: oklch(0.21 0.006 285.885);
|
|
640
|
-
--popover-foreground: oklch(0.985 0 0);
|
|
641
|
-
--primary: oklch(0.645 0.246 16.439);
|
|
642
|
-
--primary-foreground: oklch(0.969 0.015 12.422);
|
|
643
|
-
--secondary: oklch(0.274 0.006 286.033);
|
|
644
|
-
--secondary-foreground: oklch(0.985 0 0);
|
|
645
|
-
--muted: oklch(0.274 0.006 286.033);
|
|
646
|
-
--muted-foreground: oklch(0.705 0.015 286.067);
|
|
647
|
-
--accent: oklch(0.274 0.006 286.033);
|
|
648
|
-
--accent-foreground: oklch(0.985 0 0);
|
|
649
|
-
--destructive: oklch(0.704 0.191 22.216);
|
|
650
|
-
--border: oklch(1 0 0 / 10%);
|
|
651
|
-
--input: oklch(1 0 0 / 15%);
|
|
652
|
-
--ring: oklch(0.645 0.246 16.439);
|
|
653
|
-
--chart-1: oklch(0.488 0.243 264.376);
|
|
654
|
-
--chart-2: oklch(0.696 0.17 162.48);
|
|
655
|
-
--chart-3: oklch(0.769 0.188 70.08);
|
|
656
|
-
--chart-4: oklch(0.627 0.265 303.9);
|
|
657
|
-
--chart-5: oklch(0.645 0.246 16.439);
|
|
658
|
-
--sidebar: oklch(0.21 0.006 285.885);
|
|
659
|
-
--sidebar-foreground: oklch(0.985 0 0);
|
|
660
|
-
--sidebar-primary: oklch(0.645 0.246 16.439);
|
|
661
|
-
--sidebar-primary-foreground: oklch(0.969 0.015 12.422);
|
|
662
|
-
--sidebar-accent: oklch(0.274 0.006 286.033);
|
|
663
|
-
--sidebar-accent-foreground: oklch(0.985 0 0);
|
|
664
|
-
--sidebar-border: oklch(1 0 0 / 10%);
|
|
665
|
-
--sidebar-ring: oklch(0.645 0.246 16.439);
|
|
666
|
-
}
|
|
667
|
-
|
|
668
|
-
`,He=`
|
|
669
|
-
:root {
|
|
670
|
-
--radius: 0.65rem;
|
|
671
|
-
--background: oklch(1 0 0);
|
|
672
|
-
--foreground: oklch(0.141 0.005 285.823);
|
|
673
|
-
--card: oklch(1 0 0);
|
|
674
|
-
--card-foreground: oklch(0.141 0.005 285.823);
|
|
675
|
-
--popover: oklch(1 0 0);
|
|
676
|
-
--popover-foreground: oklch(0.141 0.005 285.823);
|
|
677
|
-
--primary: oklch(0.705 0.213 47.604);
|
|
678
|
-
--primary-foreground: oklch(0.98 0.016 73.684);
|
|
679
|
-
--secondary: oklch(0.967 0.001 286.375);
|
|
680
|
-
--secondary-foreground: oklch(0.21 0.006 285.885);
|
|
681
|
-
--muted: oklch(0.967 0.001 286.375);
|
|
682
|
-
--muted-foreground: oklch(0.552 0.016 285.938);
|
|
683
|
-
--accent: oklch(0.967 0.001 286.375);
|
|
684
|
-
--accent-foreground: oklch(0.21 0.006 285.885);
|
|
685
|
-
--destructive: oklch(0.577 0.245 27.325);
|
|
686
|
-
--border: oklch(0.92 0.004 286.32);
|
|
687
|
-
--input: oklch(0.92 0.004 286.32);
|
|
688
|
-
--ring: oklch(0.705 0.213 47.604);
|
|
689
|
-
--chart-1: oklch(0.646 0.222 41.116);
|
|
690
|
-
--chart-2: oklch(0.6 0.118 184.704);
|
|
691
|
-
--chart-3: oklch(0.398 0.07 227.392);
|
|
692
|
-
--chart-4: oklch(0.828 0.189 84.429);
|
|
693
|
-
--chart-5: oklch(0.769 0.188 70.08);
|
|
694
|
-
--sidebar: oklch(0.985 0 0);
|
|
695
|
-
--sidebar-foreground: oklch(0.141 0.005 285.823);
|
|
696
|
-
--sidebar-primary: oklch(0.705 0.213 47.604);
|
|
697
|
-
--sidebar-primary-foreground: oklch(0.98 0.016 73.684);
|
|
698
|
-
--sidebar-accent: oklch(0.967 0.001 286.375);
|
|
699
|
-
--sidebar-accent-foreground: oklch(0.21 0.006 285.885);
|
|
700
|
-
--sidebar-border: oklch(0.92 0.004 286.32);
|
|
701
|
-
--sidebar-ring: oklch(0.705 0.213 47.604);
|
|
702
|
-
}
|
|
703
|
-
|
|
704
|
-
.dark {
|
|
705
|
-
--background: oklch(0.141 0.005 285.823);
|
|
706
|
-
--foreground: oklch(0.985 0 0);
|
|
707
|
-
--card: oklch(0.21 0.006 285.885);
|
|
708
|
-
--card-foreground: oklch(0.985 0 0);
|
|
709
|
-
--popover: oklch(0.21 0.006 285.885);
|
|
710
|
-
--popover-foreground: oklch(0.985 0 0);
|
|
711
|
-
--primary: oklch(0.646 0.222 41.116);
|
|
712
|
-
--primary-foreground: oklch(0.98 0.016 73.684);
|
|
713
|
-
--secondary: oklch(0.274 0.006 286.033);
|
|
714
|
-
--secondary-foreground: oklch(0.985 0 0);
|
|
715
|
-
--muted: oklch(0.274 0.006 286.033);
|
|
716
|
-
--muted-foreground: oklch(0.705 0.015 286.067);
|
|
717
|
-
--accent: oklch(0.274 0.006 286.033);
|
|
718
|
-
--accent-foreground: oklch(0.985 0 0);
|
|
719
|
-
--destructive: oklch(0.704 0.191 22.216);
|
|
720
|
-
--border: oklch(1 0 0 / 10%);
|
|
721
|
-
--input: oklch(1 0 0 / 15%);
|
|
722
|
-
--ring: oklch(0.646 0.222 41.116);
|
|
723
|
-
--chart-1: oklch(0.488 0.243 264.376);
|
|
724
|
-
--chart-2: oklch(0.696 0.17 162.48);
|
|
725
|
-
--chart-3: oklch(0.769 0.188 70.08);
|
|
726
|
-
--chart-4: oklch(0.627 0.265 303.9);
|
|
727
|
-
--chart-5: oklch(0.645 0.246 16.439);
|
|
728
|
-
--sidebar: oklch(0.21 0.006 285.885);
|
|
729
|
-
--sidebar-foreground: oklch(0.985 0 0);
|
|
730
|
-
--sidebar-primary: oklch(0.646 0.222 41.116);
|
|
731
|
-
--sidebar-primary-foreground: oklch(0.98 0.016 73.684);
|
|
732
|
-
--sidebar-accent: oklch(0.274 0.006 286.033);
|
|
733
|
-
--sidebar-accent-foreground: oklch(0.985 0 0);
|
|
734
|
-
--sidebar-border: oklch(1 0 0 / 10%);
|
|
735
|
-
--sidebar-ring: oklch(0.646 0.222 41.116);
|
|
736
|
-
}
|
|
737
|
-
|
|
738
|
-
`,Ve=`
|
|
739
|
-
:root {
|
|
740
|
-
--radius: 0.65rem;
|
|
741
|
-
--background: oklch(1 0 0);
|
|
742
|
-
--foreground: oklch(0.141 0.005 285.823);
|
|
743
|
-
--card: oklch(1 0 0);
|
|
744
|
-
--card-foreground: oklch(0.141 0.005 285.823);
|
|
745
|
-
--popover: oklch(1 0 0);
|
|
746
|
-
--popover-foreground: oklch(0.141 0.005 285.823);
|
|
747
|
-
--primary: oklch(0.723 0.219 149.579);
|
|
748
|
-
--primary-foreground: oklch(0.982 0.018 155.826);
|
|
749
|
-
--secondary: oklch(0.967 0.001 286.375);
|
|
750
|
-
--secondary-foreground: oklch(0.21 0.006 285.885);
|
|
751
|
-
--muted: oklch(0.967 0.001 286.375);
|
|
752
|
-
--muted-foreground: oklch(0.552 0.016 285.938);
|
|
753
|
-
--accent: oklch(0.967 0.001 286.375);
|
|
754
|
-
--accent-foreground: oklch(0.21 0.006 285.885);
|
|
755
|
-
--destructive: oklch(0.577 0.245 27.325);
|
|
756
|
-
--border: oklch(0.92 0.004 286.32);
|
|
757
|
-
--input: oklch(0.92 0.004 286.32);
|
|
758
|
-
--ring: oklch(0.723 0.219 149.579);
|
|
759
|
-
--chart-1: oklch(0.646 0.222 41.116);
|
|
760
|
-
--chart-2: oklch(0.6 0.118 184.704);
|
|
761
|
-
--chart-3: oklch(0.398 0.07 227.392);
|
|
762
|
-
--chart-4: oklch(0.828 0.189 84.429);
|
|
763
|
-
--chart-5: oklch(0.769 0.188 70.08);
|
|
764
|
-
--sidebar: oklch(0.985 0 0);
|
|
765
|
-
--sidebar-foreground: oklch(0.141 0.005 285.823);
|
|
766
|
-
--sidebar-primary: oklch(0.723 0.219 149.579);
|
|
767
|
-
--sidebar-primary-foreground: oklch(0.982 0.018 155.826);
|
|
768
|
-
--sidebar-accent: oklch(0.967 0.001 286.375);
|
|
769
|
-
--sidebar-accent-foreground: oklch(0.21 0.006 285.885);
|
|
770
|
-
--sidebar-border: oklch(0.92 0.004 286.32);
|
|
771
|
-
--sidebar-ring: oklch(0.723 0.219 149.579);
|
|
772
|
-
}
|
|
773
|
-
|
|
774
|
-
.dark {
|
|
775
|
-
--background: oklch(0.141 0.005 285.823);
|
|
776
|
-
--foreground: oklch(0.985 0 0);
|
|
777
|
-
--card: oklch(0.21 0.006 285.885);
|
|
778
|
-
--card-foreground: oklch(0.985 0 0);
|
|
779
|
-
--popover: oklch(0.21 0.006 285.885);
|
|
780
|
-
--popover-foreground: oklch(0.985 0 0);
|
|
781
|
-
--primary: oklch(0.696 0.17 162.48);
|
|
782
|
-
--primary-foreground: oklch(0.393 0.095 152.535);
|
|
783
|
-
--secondary: oklch(0.274 0.006 286.033);
|
|
784
|
-
--secondary-foreground: oklch(0.985 0 0);
|
|
785
|
-
--muted: oklch(0.274 0.006 286.033);
|
|
786
|
-
--muted-foreground: oklch(0.705 0.015 286.067);
|
|
787
|
-
--accent: oklch(0.274 0.006 286.033);
|
|
788
|
-
--accent-foreground: oklch(0.985 0 0);
|
|
789
|
-
--destructive: oklch(0.704 0.191 22.216);
|
|
790
|
-
--border: oklch(1 0 0 / 10%);
|
|
791
|
-
--input: oklch(1 0 0 / 15%);
|
|
792
|
-
--ring: oklch(0.527 0.154 150.069);
|
|
793
|
-
--chart-1: oklch(0.488 0.243 264.376);
|
|
794
|
-
--chart-2: oklch(0.696 0.17 162.48);
|
|
795
|
-
--chart-3: oklch(0.769 0.188 70.08);
|
|
796
|
-
--chart-4: oklch(0.627 0.265 303.9);
|
|
797
|
-
--chart-5: oklch(0.645 0.246 16.439);
|
|
798
|
-
--sidebar: oklch(0.21 0.006 285.885);
|
|
799
|
-
--sidebar-foreground: oklch(0.985 0 0);
|
|
800
|
-
--sidebar-primary: oklch(0.696 0.17 162.48);
|
|
801
|
-
--sidebar-primary-foreground: oklch(0.393 0.095 152.535);
|
|
802
|
-
--sidebar-accent: oklch(0.274 0.006 286.033);
|
|
803
|
-
--sidebar-accent-foreground: oklch(0.985 0 0);
|
|
804
|
-
--sidebar-border: oklch(1 0 0 / 10%);
|
|
805
|
-
--sidebar-ring: oklch(0.527 0.154 150.069);
|
|
806
|
-
}
|
|
807
|
-
|
|
808
|
-
`,ze=`
|
|
809
|
-
:root {
|
|
810
|
-
--radius: 0.65rem;
|
|
811
|
-
--background: oklch(1 0 0);
|
|
812
|
-
--foreground: oklch(0.141 0.005 285.823);
|
|
813
|
-
--card: oklch(1 0 0);
|
|
814
|
-
--card-foreground: oklch(0.141 0.005 285.823);
|
|
815
|
-
--popover: oklch(1 0 0);
|
|
816
|
-
--popover-foreground: oklch(0.141 0.005 285.823);
|
|
817
|
-
--primary: oklch(0.623 0.214 259.815);
|
|
818
|
-
--primary-foreground: oklch(0.97 0.014 254.604);
|
|
819
|
-
--secondary: oklch(0.967 0.001 286.375);
|
|
820
|
-
--secondary-foreground: oklch(0.21 0.006 285.885);
|
|
821
|
-
--muted: oklch(0.967 0.001 286.375);
|
|
822
|
-
--muted-foreground: oklch(0.552 0.016 285.938);
|
|
823
|
-
--accent: oklch(0.967 0.001 286.375);
|
|
824
|
-
--accent-foreground: oklch(0.21 0.006 285.885);
|
|
825
|
-
--destructive: oklch(0.577 0.245 27.325);
|
|
826
|
-
--border: oklch(0.92 0.004 286.32);
|
|
827
|
-
--input: oklch(0.92 0.004 286.32);
|
|
828
|
-
--ring: oklch(0.623 0.214 259.815);
|
|
829
|
-
--chart-1: oklch(0.646 0.222 41.116);
|
|
830
|
-
--chart-2: oklch(0.6 0.118 184.704);
|
|
831
|
-
--chart-3: oklch(0.398 0.07 227.392);
|
|
832
|
-
--chart-4: oklch(0.828 0.189 84.429);
|
|
833
|
-
--chart-5: oklch(0.769 0.188 70.08);
|
|
834
|
-
--sidebar: oklch(0.985 0 0);
|
|
835
|
-
--sidebar-foreground: oklch(0.141 0.005 285.823);
|
|
836
|
-
--sidebar-primary: oklch(0.623 0.214 259.815);
|
|
837
|
-
--sidebar-primary-foreground: oklch(0.97 0.014 254.604);
|
|
838
|
-
--sidebar-accent: oklch(0.967 0.001 286.375);
|
|
839
|
-
--sidebar-accent-foreground: oklch(0.21 0.006 285.885);
|
|
840
|
-
--sidebar-border: oklch(0.92 0.004 286.32);
|
|
841
|
-
--sidebar-ring: oklch(0.623 0.214 259.815);
|
|
842
|
-
}
|
|
843
|
-
|
|
844
|
-
.dark {
|
|
845
|
-
--background: oklch(0.141 0.005 285.823);
|
|
846
|
-
--foreground: oklch(0.985 0 0);
|
|
847
|
-
--card: oklch(0.21 0.006 285.885);
|
|
848
|
-
--card-foreground: oklch(0.985 0 0);
|
|
849
|
-
--popover: oklch(0.21 0.006 285.885);
|
|
850
|
-
--popover-foreground: oklch(0.985 0 0);
|
|
851
|
-
--primary: oklch(0.546 0.245 262.881);
|
|
852
|
-
--primary-foreground: oklch(0.98 0.0067 277.16);
|
|
853
|
-
--secondary: oklch(0.274 0.006 286.033);
|
|
854
|
-
--secondary-foreground: oklch(0.985 0 0);
|
|
855
|
-
--muted: oklch(0.274 0.006 286.033);
|
|
856
|
-
--muted-foreground: oklch(0.705 0.015 286.067);
|
|
857
|
-
--accent: oklch(0.274 0.006 286.033);
|
|
858
|
-
--accent-foreground: oklch(0.985 0 0);
|
|
859
|
-
--destructive: oklch(0.704 0.191 22.216);
|
|
860
|
-
--border: oklch(1 0 0 / 10%);
|
|
861
|
-
--input: oklch(1 0 0 / 15%);
|
|
862
|
-
--ring: oklch(0.488 0.243 264.376);
|
|
863
|
-
--chart-1: oklch(0.488 0.243 264.376);
|
|
864
|
-
--chart-2: oklch(0.696 0.17 162.48);
|
|
865
|
-
--chart-3: oklch(0.769 0.188 70.08);
|
|
866
|
-
--chart-4: oklch(0.627 0.265 303.9);
|
|
867
|
-
--chart-5: oklch(0.645 0.246 16.439);
|
|
868
|
-
--sidebar: oklch(0.21 0.006 285.885);
|
|
869
|
-
--sidebar-foreground: oklch(0.985 0 0);
|
|
870
|
-
--sidebar-primary: oklch(0.546 0.245 262.881);
|
|
871
|
-
--sidebar-primary-foreground: oklch(0.379 0.146 265.522);
|
|
872
|
-
--sidebar-accent: oklch(0.274 0.006 286.033);
|
|
873
|
-
--sidebar-accent-foreground: oklch(0.985 0 0);
|
|
874
|
-
--sidebar-border: oklch(1 0 0 / 10%);
|
|
875
|
-
--sidebar-ring: oklch(0.488 0.243 264.376);
|
|
876
|
-
}
|
|
877
|
-
|
|
878
|
-
`,qe=`
|
|
879
|
-
:root {
|
|
880
|
-
--radius: 0.65rem;
|
|
881
|
-
--background: oklch(1 0 0);
|
|
882
|
-
--foreground: oklch(0.141 0.005 285.823);
|
|
883
|
-
--card: oklch(1 0 0);
|
|
884
|
-
--card-foreground: oklch(0.141 0.005 285.823);
|
|
885
|
-
--popover: oklch(1 0 0);
|
|
886
|
-
--popover-foreground: oklch(0.141 0.005 285.823);
|
|
887
|
-
--primary: oklch(0.795 0.184 86.047);
|
|
888
|
-
--primary-foreground: oklch(0.421 0.095 57.708);
|
|
889
|
-
--secondary: oklch(0.967 0.001 286.375);
|
|
890
|
-
--secondary-foreground: oklch(0.21 0.006 285.885);
|
|
891
|
-
--muted: oklch(0.967 0.001 286.375);
|
|
892
|
-
--muted-foreground: oklch(0.552 0.016 285.938);
|
|
893
|
-
--accent: oklch(0.967 0.001 286.375);
|
|
894
|
-
--accent-foreground: oklch(0.21 0.006 285.885);
|
|
895
|
-
--destructive: oklch(0.577 0.245 27.325);
|
|
896
|
-
--border: oklch(0.92 0.004 286.32);
|
|
897
|
-
--input: oklch(0.92 0.004 286.32);
|
|
898
|
-
--ring: oklch(0.795 0.184 86.047);
|
|
899
|
-
--chart-1: oklch(0.646 0.222 41.116);
|
|
900
|
-
--chart-2: oklch(0.6 0.118 184.704);
|
|
901
|
-
--chart-3: oklch(0.398 0.07 227.392);
|
|
902
|
-
--chart-4: oklch(0.828 0.189 84.429);
|
|
903
|
-
--chart-5: oklch(0.769 0.188 70.08);
|
|
904
|
-
--sidebar: oklch(0.985 0 0);
|
|
905
|
-
--sidebar-foreground: oklch(0.141 0.005 285.823);
|
|
906
|
-
--sidebar-primary: oklch(0.795 0.184 86.047);
|
|
907
|
-
--sidebar-primary-foreground: oklch(0.421 0.095 57.708);
|
|
908
|
-
--sidebar-accent: oklch(0.967 0.001 286.375);
|
|
909
|
-
--sidebar-accent-foreground: oklch(0.21 0.006 285.885);
|
|
910
|
-
--sidebar-border: oklch(0.92 0.004 286.32);
|
|
911
|
-
--sidebar-ring: oklch(0.795 0.184 86.047);
|
|
912
|
-
}
|
|
913
|
-
|
|
914
|
-
.dark {
|
|
915
|
-
--background: oklch(0.141 0.005 285.823);
|
|
916
|
-
--foreground: oklch(0.985 0 0);
|
|
917
|
-
--card: oklch(0.21 0.006 285.885);
|
|
918
|
-
--card-foreground: oklch(0.985 0 0);
|
|
919
|
-
--popover: oklch(0.21 0.006 285.885);
|
|
920
|
-
--popover-foreground: oklch(0.985 0 0);
|
|
921
|
-
--primary: oklch(0.795 0.184 86.047);
|
|
922
|
-
--primary-foreground: oklch(0.421 0.095 57.708);
|
|
923
|
-
--secondary: oklch(0.274 0.006 286.033);
|
|
924
|
-
--secondary-foreground: oklch(0.985 0 0);
|
|
925
|
-
--muted: oklch(0.274 0.006 286.033);
|
|
926
|
-
--muted-foreground: oklch(0.705 0.015 286.067);
|
|
927
|
-
--accent: oklch(0.274 0.006 286.033);
|
|
928
|
-
--accent-foreground: oklch(0.985 0 0);
|
|
929
|
-
--destructive: oklch(0.704 0.191 22.216);
|
|
930
|
-
--border: oklch(1 0 0 / 10%);
|
|
931
|
-
--input: oklch(1 0 0 / 15%);
|
|
932
|
-
--ring: oklch(0.554 0.135 66.442);
|
|
933
|
-
--chart-1: oklch(0.488 0.243 264.376);
|
|
934
|
-
--chart-2: oklch(0.696 0.17 162.48);
|
|
935
|
-
--chart-3: oklch(0.769 0.188 70.08);
|
|
936
|
-
--chart-4: oklch(0.627 0.265 303.9);
|
|
937
|
-
--chart-5: oklch(0.645 0.246 16.439);
|
|
938
|
-
--sidebar: oklch(0.21 0.006 285.885);
|
|
939
|
-
--sidebar-foreground: oklch(0.985 0 0);
|
|
940
|
-
--sidebar-primary: oklch(0.795 0.184 86.047);
|
|
941
|
-
--sidebar-primary-foreground: oklch(0.421 0.095 57.708);
|
|
942
|
-
--sidebar-accent: oklch(0.274 0.006 286.033);
|
|
943
|
-
--sidebar-accent-foreground: oklch(0.985 0 0);
|
|
944
|
-
--sidebar-border: oklch(1 0 0 / 10%);
|
|
945
|
-
--sidebar-ring: oklch(0.554 0.135 66.442);
|
|
946
|
-
}
|
|
947
|
-
|
|
948
|
-
`,Ye=`
|
|
949
|
-
:root {
|
|
950
|
-
--radius: 0.65rem;
|
|
951
|
-
--background: oklch(1 0 0);
|
|
952
|
-
--foreground: oklch(0.141 0.005 285.823);
|
|
953
|
-
--card: oklch(1 0 0);
|
|
954
|
-
--card-foreground: oklch(0.141 0.005 285.823);
|
|
955
|
-
--popover: oklch(1 0 0);
|
|
956
|
-
--popover-foreground: oklch(0.141 0.005 285.823);
|
|
957
|
-
--primary: oklch(0.606 0.25 292.717);
|
|
958
|
-
--primary-foreground: oklch(0.969 0.016 293.756);
|
|
959
|
-
--secondary: oklch(0.967 0.001 286.375);
|
|
960
|
-
--secondary-foreground: oklch(0.21 0.006 285.885);
|
|
961
|
-
--muted: oklch(0.967 0.001 286.375);
|
|
962
|
-
--muted-foreground: oklch(0.552 0.016 285.938);
|
|
963
|
-
--accent: oklch(0.967 0.001 286.375);
|
|
964
|
-
--accent-foreground: oklch(0.21 0.006 285.885);
|
|
965
|
-
--destructive: oklch(0.577 0.245 27.325);
|
|
966
|
-
--border: oklch(0.92 0.004 286.32);
|
|
967
|
-
--input: oklch(0.92 0.004 286.32);
|
|
968
|
-
--ring: oklch(0.606 0.25 292.717);
|
|
969
|
-
--chart-1: oklch(0.646 0.222 41.116);
|
|
970
|
-
--chart-2: oklch(0.6 0.118 184.704);
|
|
971
|
-
--chart-3: oklch(0.398 0.07 227.392);
|
|
972
|
-
--chart-4: oklch(0.828 0.189 84.429);
|
|
973
|
-
--chart-5: oklch(0.769 0.188 70.08);
|
|
974
|
-
--sidebar: oklch(0.985 0 0);
|
|
975
|
-
--sidebar-foreground: oklch(0.141 0.005 285.823);
|
|
976
|
-
--sidebar-primary: oklch(0.606 0.25 292.717);
|
|
977
|
-
--sidebar-primary-foreground: oklch(0.969 0.016 293.756);
|
|
978
|
-
--sidebar-accent: oklch(0.967 0.001 286.375);
|
|
979
|
-
--sidebar-accent-foreground: oklch(0.21 0.006 285.885);
|
|
980
|
-
--sidebar-border: oklch(0.92 0.004 286.32);
|
|
981
|
-
--sidebar-ring: oklch(0.606 0.25 292.717);
|
|
982
|
-
}
|
|
983
|
-
|
|
984
|
-
.dark {
|
|
985
|
-
--background: oklch(0.141 0.005 285.823);
|
|
986
|
-
--foreground: oklch(0.985 0 0);
|
|
987
|
-
--card: oklch(0.21 0.006 285.885);
|
|
988
|
-
--card-foreground: oklch(0.985 0 0);
|
|
989
|
-
--popover: oklch(0.21 0.006 285.885);
|
|
990
|
-
--popover-foreground: oklch(0.985 0 0);
|
|
991
|
-
--primary: oklch(0.541 0.281 293.009);
|
|
992
|
-
--primary-foreground: oklch(0.969 0.016 293.756);
|
|
993
|
-
--secondary: oklch(0.274 0.006 286.033);
|
|
994
|
-
--secondary-foreground: oklch(0.985 0 0);
|
|
995
|
-
--muted: oklch(0.274 0.006 286.033);
|
|
996
|
-
--muted-foreground: oklch(0.705 0.015 286.067);
|
|
997
|
-
--accent: oklch(0.274 0.006 286.033);
|
|
998
|
-
--accent-foreground: oklch(0.985 0 0);
|
|
999
|
-
--destructive: oklch(0.704 0.191 22.216);
|
|
1000
|
-
--border: oklch(1 0 0 / 10%);
|
|
1001
|
-
--input: oklch(1 0 0 / 15%);
|
|
1002
|
-
--ring: oklch(0.541 0.281 293.009);
|
|
1003
|
-
--chart-1: oklch(0.488 0.243 264.376);
|
|
1004
|
-
--chart-2: oklch(0.696 0.17 162.48);
|
|
1005
|
-
--chart-3: oklch(0.769 0.188 70.08);
|
|
1006
|
-
--chart-4: oklch(0.627 0.265 303.9);
|
|
1007
|
-
--chart-5: oklch(0.645 0.246 16.439);
|
|
1008
|
-
--sidebar: oklch(0.21 0.006 285.885);
|
|
1009
|
-
--sidebar-foreground: oklch(0.985 0 0);
|
|
1010
|
-
--sidebar-primary: oklch(0.541 0.281 293.009);
|
|
1011
|
-
--sidebar-primary-foreground: oklch(0.969 0.016 293.756);
|
|
1012
|
-
--sidebar-accent: oklch(0.274 0.006 286.033);
|
|
1013
|
-
--sidebar-accent-foreground: oklch(0.985 0 0);
|
|
1014
|
-
--sidebar-border: oklch(1 0 0 / 10%);
|
|
1015
|
-
--sidebar-ring: oklch(0.541 0.281 293.009);
|
|
1016
|
-
}
|
|
1017
|
-
|
|
1018
|
-
`,Fo={ZINC:De,SLATE:je,STONE:Re,GRAY:Be,NEUTRAL:$e,RED:We,ROSE:Ge,ORANGE:He,GREEN:Ve,BLUE:ze,YELLOW:qe,VIOLET:Ye};var Oo=`/**
|
|
1019
|
-
* Utility function to return Tailwind CSS classes.
|
|
1020
|
-
*/
|
|
1021
|
-
export const tw = <T extends TemplateStringsArray | string>(tailwindClasses: T) => tailwindClasses;
|
|
1022
|
-
`;import{join as Je}from"path";import{$ as Xe}from"execa";import oo from"fs-extra";import Ze from"ora";import Ao from"prompts";var $={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 W=async(o=process.cwd(),r=!0)=>{let e=Je(o,".prettierrc"),t=$;if(oo.existsSync(e)){let a=await oo.readFile(e,"utf-8"),i={};try{i=JSON.parse(a)}catch{console.warn("\u26A0\uFE0F Existing .prettierrc is not valid JSON \u2014 will prompt for overwrite.")}let l=await Ao({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(l.merge==="merge")t={...i,...$};else if(l.merge==="overwrite")t=$;else return!1}if(await oo.writeFile(e,JSON.stringify(t,null,2),"utf-8"),!r)return!0;let n=Ze("Formatting files with prettier...").start();return await Xe`npx prettier --write .`,n.succeed("Files formatted with prettier"),!0},Po=async()=>{let{addPrettier:o}=await Ao({name:"addPrettier",type:"confirm",message:"Would you like to add a Prettier configuration to your project?",initial:!0});return o};import{join as Qe}from"path";import{builders as or,loadFile as er,writeFile as rr}from"magicast";import{getDefaultExportOptions as tr}from"magicast/helpers";var Lo=async()=>{let o=Qe(process.cwd(),"nuxt.config.ts"),r=await er(o);if(!r.$code.includes("tailwindcss()")){let e=tr(r);e.vite||={},e.vite.plugins||=[],e.vite.plugins.push(or.functionCall("tailwindcss"))}r.imports.$items.find(e=>e.local==="tailwindcss")||r.imports.$prepend({from:"@tailwindcss/vite",local:"tailwindcss",imported:"default"}),await rr(r,o)};import nr from"fs-extra";var Ko={recommendations:["vue.volar","bradlc.vscode-tailwindcss","antfu.iconify","formulahendry.auto-close-tag","formulahendry.auto-rename-tag","prettier.prettier-vscode"]},Uo={"editor.formatOnSave":!0,"editor.quickSuggestions":{strings:"on"},"files.associations":{"*.css":"tailwindcss"},"tailwindCSS.classFunctions":["tw","clsx","tw\\.[a-z-]+"],"tailwindCSS.experimental.classRegex":[["tv\\(([^)(]*(?:\\([^)(]*(?:\\([^)(]*(?:\\([^)(]*\\)[^)(]*)*\\)[^)(]*)*\\)[^)(]*)*)\\)",'"(.*?)"'],"tw`(.*?)`","tw\\('(.*?)'\\)",`tw\\(\\s*('(.*?)'|"(.*?)")\\s*\\)`,["\\btv\\(\\s*((?:\"(?:\\\\.|[^\"\\\\])*\"|'(?:\\\\.|[^'\\\\])*'|`(?:\\\\.|[^`\\\\])*`|[^)]*)*)\\)",`["']([^"']*)["']`],["\\btv\\(\\s*((?:\"(?:\\\\.|[^\"\\\\])*\"|'(?:\\\\.|[^'\\\\])*'|`(?:\\\\.|[^`\\\\])*`|[^)]*)*)\\)","`([^`]*)`"]]};import{merge as cr}from"es-toolkit";import eo from"fs-extra";function ro(o,r){let e={};if(eo.existsSync(o))try{e=eo.readJsonSync(o)}catch{console.warn(`\u26A0\uFE0F Could not parse ${o}, starting fresh.`)}let t=cr(e,r);eo.writeJsonSync(o,t,{spaces:2})}var Do=(o=".vscode")=>{nr.ensureDirSync(o),ro(`${o}/extensions.json`,Ko),ro(`${o}/settings.json`,Uo)};var dr=async o=>{let r=await u(o),e=lr("Updating nuxt.config...").start();await ir({cwd:process.cwd(),configFile:"nuxt.config",async onUpdate(n){n.modules||(n.modules=[]),n.imports||(n.imports={imports:[]});for(let d of fo)n.modules.includes(d)||n.modules.push(d);if(!n.colorMode){let d=ar.basename(process.cwd());n.colorMode={storageKey:`${d}-color-mode`,classSuffix:""}}n.icon||(n.icon={clientBundle:{scan:!0,sizeLimitKb:0},mode:"svg",class:"shrink-0",fetchTimeout:2e3,serverBundle:"local"}),n.imports.imports.find(d=>d.from==="tailwind-variants"&&d.name==="tv")||n.imports.imports.push({from:"tailwind-variants",name:"tv"}),n.imports.imports.find(d=>d.from==="tailwind-variants"&&d.name==="VariantProps")||n.imports.imports.push({from:"tailwind-variants",name:"VariantProps",type:!0}),n.css||=[];let a=r.tailwindCSSLocation?.split("app/")[1],i=`~/${a}`,l=`@/${a}`;!n.css.includes(i)&&!n.css.includes(l)&&n.css.push(i)}}),await Lo(),e.succeed("Updated nuxt.config!"),e.start("Adding initial Tailwind CSS file..."),jo.writeFileSync(r.tailwindCSSLocation,B(r.theme.toUpperCase()),"utf-8"),e.succeed("Added initial Tailwind CSS file!"),e.start("Adding Autocomplete helper..."),jo.writeFileSync(r.utilsLocation+"/tw-helper.ts",Oo,"utf-8"),e.succeed("Added Autocomplete helper!"),e.start("Merging VS Code settings..."),Do(),e.succeed("Merged VS Code settings!"),await f(r.packageManager,uo,mo),await Po()&&(await f(r.packageManager,[],O),await W()),m("Initialized",`Feel free to start adding components with the ${to.bgWhite(" add ")} command.`,{box:{title:"Complete"}})},Ro=new sr().command("init").name("init").summary("Initialize UI Thing in your Nuxt project.").description(`${to.bold("Initialize UI Thing in your Nuxt project.")}
|
|
1023
|
-
|
|
1024
|
-
\u2705 Add tailwindcss to your project
|
|
1025
|
-
\u2705 Update your nuxt.config file
|
|
1026
|
-
\u2705 Add the necessary dependencies
|
|
1027
|
-
\u2705 Create a ${to.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(dr);import{Command as hr}from"commander";import pr from"prompts";var Bo=new hr().command("prettier").name("prettier").description("Adds prettier config to your project.").action(async()=>{if(!await W(void 0,!1)){m("Not Added","Prettier config was not added.",{box:{title:"Prettier Not Added",borderColor:"red"}});return}let{pkgManager:r}=await pr({name:"pkgManager",type:"select",message:"Which package manager are you using?",choices:C});if(!r)return process.exit(0);await f(r,void 0,O),m("All Done!","A .prettierrc file has been added to your project and the code formatted. Enjoy!",{box:{title:"Prettier Added"}})});import{spawnSync as kr}from"child_process";import H from"path";import{Command as gr}from"commander";import{consola as I}from"consola";import v from"kleur";import M from"lodash";import ao from"prompts";import ur from"axios";import mr from"dotenv";import fr from"ora";mr.config();var $o=async()=>{let o=fr("Fetching prose components...").start(),{data:r}=await ur.get(process.env.PROSE_COMPONENTS_API||"https://uithing.com/api/prose");return o.succeed("Prose components fetched."),r};var io=[],G=process.cwd(),co=o=>io.find(r=>r.value.toLowerCase()===o.toLowerCase());async function Wo(o,r,e,t){if(await y(o)&&!e){let{value:a}=await ao({type:"confirm",name:"value",message:t,initial:!1});if(!a)return I.info(`Skipped: ${v.cyan(H.basename(o))}`),!1}return await S(o,r),!0}async function no(o,r,e,t){if(!(!r||r.length===0))for(let n of r){let a=H.join(G,e,n.fileName);await Wo(a,n.fileContent,t,`The ${o} file ${v.bold(n.fileName)} already exists. Overwrite?`)}}var yr=async(o,r)=>{let e=await u();await g()||(e=await u({force:!0})),M.isEmpty(e)&&(I.info("Config file not set. Exiting..."),process.exit(0)),io=await $o();let t=o;if(t.length===0){let c=await L(r.all,io);(!c||c.length===0)&&(I.info("No components selected. Exiting..."),process.exit(0)),t=c}let n=t.filter(c=>!co(c));n.length>0&&I.error(`Not found: ${v.bgRed(n.join(", "))}`);let a=t.map(c=>co(c)).filter(Boolean);for(let c of[...a])c.prose&&c.prose.length>0&&c.prose.forEach(p=>{if(!a.find(h=>h.value===p)){let h=co(p);h&&a.push(h)}});for(let c of a){let p=c.file,h=e.componentsLocation,s=H.join(G,h,p.fileName);if(!e.useDefaultFilename){let{value:b}=await ao({type:"text",name:"value",message:`Where should we add the file ${v.cyan(p.fileName)}?`,initial:h});b&&(h=b,s=H.join(G,h,p.fileName))}await Wo(s,p.fileContent,e.force,`The file ${v.bold(p.fileName)} already exists. Overwrite?`)&&(await no("utils",c.utils,e.utilsLocation,e.force),await no("composables",c.composables,e.composablesLocation,e.force),await no("plugins",c.plugins,e.pluginsLocation??"",e.force))}await A(M.uniq(a.flatMap(c=>c.modules||[])));let i=M.uniq(a.flatMap(c=>c.deps||[])),l=M.uniq(a.flatMap(c=>c.devDeps||[]));if(i.length>0||l.length>0)if(r.all)await f(e.packageManager,i,l);else{let{confirmInstall:c}=await ao({type:"confirm",name:"confirmInstall",message:`Install packages: ${v.cyan([...i,...l].join(", "))}?`,initial:!0});c&&await f(e.packageManager,i,l)}let d=M.uniq(a.flatMap(c=>c.components||[]));if(d.length>0){I.info(`Adding ${d.length} component(s) required by prose...`);let c=kr("npx",["ui-thing@latest","add",...d],{cwd:G,stdio:"inherit"});c.error&&I.error("Failed to add components:",c.error.message)}m("Prose added!",`Run the ${v.cyan("ui-thing@latest --help")} command to learn more.
|
|
1028
|
-
`,{box:{title:"Prose Components Added"}})},Go=new gr().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(yr);import{Command as br}from"commander";import{execa as vr}from"execa";import wr from"ora";import Cr from"prompts";import{join as Vo}from"path";import zo from"fs-extra";var Ho=`import type { MaybeRef } from "vue";
|
|
1029
|
-
|
|
1030
|
-
type KbdKeysSpecificMap = {
|
|
1031
|
-
meta: string;
|
|
1032
|
-
alt: string;
|
|
1033
|
-
ctrl: string;
|
|
1034
|
-
};
|
|
1035
|
-
|
|
1036
|
-
export const kbdKeysMap = {
|
|
1037
|
-
meta: "",
|
|
1038
|
-
ctrl: "",
|
|
1039
|
-
alt: "",
|
|
1040
|
-
win: "\u229E",
|
|
1041
|
-
command: "\u2318",
|
|
1042
|
-
shift: "\u21E7",
|
|
1043
|
-
control: "\u2303",
|
|
1044
|
-
option: "\u2325",
|
|
1045
|
-
enter: "\u21B5",
|
|
1046
|
-
delete: "\u2326",
|
|
1047
|
-
backspace: "\u232B",
|
|
1048
|
-
escape: "\u238B",
|
|
1049
|
-
tab: "\u21E5",
|
|
1050
|
-
capslock: "\u21EA",
|
|
1051
|
-
arrowup: "\u2191",
|
|
1052
|
-
arrowright: "\u2192",
|
|
1053
|
-
arrowdown: "\u2193",
|
|
1054
|
-
arrowleft: "\u2190",
|
|
1055
|
-
pageup: "\u21DE",
|
|
1056
|
-
pagedown: "\u21DF",
|
|
1057
|
-
home: "\u2196",
|
|
1058
|
-
end: "\u2198",
|
|
1059
|
-
};
|
|
1060
|
-
|
|
1061
|
-
export type KbdKey = keyof typeof kbdKeysMap;
|
|
1062
|
-
export type KbdKeySpecific = keyof KbdKeysSpecificMap;
|
|
1063
|
-
|
|
1064
|
-
const _useKbd = () => {
|
|
1065
|
-
const macOS = computed(
|
|
1066
|
-
() =>
|
|
1067
|
-
import.meta.client &&
|
|
1068
|
-
navigator &&
|
|
1069
|
-
navigator.userAgent &&
|
|
1070
|
-
navigator.userAgent.match(/Macintosh;/)
|
|
1071
|
-
);
|
|
1072
|
-
|
|
1073
|
-
const kbdKeysSpecificMap = reactive({
|
|
1074
|
-
meta: " ",
|
|
1075
|
-
alt: " ",
|
|
1076
|
-
ctrl: " ",
|
|
1077
|
-
});
|
|
1078
|
-
|
|
1079
|
-
onMounted(() => {
|
|
1080
|
-
kbdKeysSpecificMap.meta = macOS.value ? kbdKeysMap.command : "Ctrl";
|
|
1081
|
-
kbdKeysSpecificMap.ctrl = macOS.value ? kbdKeysMap.control : "Ctrl";
|
|
1082
|
-
kbdKeysSpecificMap.alt = macOS.value ? kbdKeysMap.option : "Alt";
|
|
1083
|
-
});
|
|
1084
|
-
|
|
1085
|
-
function getKbdKey(value?: KbdKey | string) {
|
|
1086
|
-
if (!value) {
|
|
1087
|
-
return;
|
|
1088
|
-
}
|
|
1089
|
-
|
|
1090
|
-
if (["meta", "alt", "ctrl"].includes(value)) {
|
|
1091
|
-
return kbdKeysSpecificMap[value as KbdKeySpecific];
|
|
1092
|
-
}
|
|
1093
|
-
|
|
1094
|
-
return kbdKeysMap[value as KbdKey] || value.toUpperCase();
|
|
1095
|
-
}
|
|
1096
|
-
|
|
1097
|
-
return {
|
|
1098
|
-
macOS,
|
|
1099
|
-
getKbdKey,
|
|
1100
|
-
};
|
|
1101
|
-
};
|
|
1102
|
-
|
|
1103
|
-
export const useKbd = /* @__PURE__ */ createSharedComposable(_useKbd);
|
|
1104
|
-
|
|
1105
|
-
type Handler = (e?: any) => void;
|
|
1106
|
-
|
|
1107
|
-
export interface ShortcutConfig {
|
|
1108
|
-
handler: Handler;
|
|
1109
|
-
usingInput?: string | boolean;
|
|
1110
|
-
}
|
|
1111
|
-
|
|
1112
|
-
export interface ShortcutsConfig {
|
|
1113
|
-
[key: string]: ShortcutConfig | Handler | false | null | undefined;
|
|
1114
|
-
}
|
|
1115
|
-
|
|
1116
|
-
export interface ShortcutsOptions {
|
|
1117
|
-
chainDelay?: number;
|
|
1118
|
-
}
|
|
1119
|
-
|
|
1120
|
-
interface Shortcut {
|
|
1121
|
-
handler: Handler;
|
|
1122
|
-
enabled: boolean;
|
|
1123
|
-
chained: boolean;
|
|
1124
|
-
// KeyboardEvent attributes
|
|
1125
|
-
key: string;
|
|
1126
|
-
ctrlKey: boolean;
|
|
1127
|
-
metaKey: boolean;
|
|
1128
|
-
shiftKey: boolean;
|
|
1129
|
-
altKey: boolean;
|
|
1130
|
-
// code?: string
|
|
1131
|
-
// keyCode?: number
|
|
1132
|
-
}
|
|
1133
|
-
|
|
1134
|
-
const chainedShortcutRegex = /^[^-]+.*-.*[^-]+$/;
|
|
1135
|
-
const combinedShortcutRegex = /^[^_]+.*_.*[^_]+$/;
|
|
1136
|
-
// keyboard keys which can be combined with Shift modifier (in addition to alphabet keys)
|
|
1137
|
-
const shiftableKeys = [
|
|
1138
|
-
"arrowleft",
|
|
1139
|
-
"arrowright",
|
|
1140
|
-
"arrowup",
|
|
1141
|
-
"arrowright",
|
|
1142
|
-
"tab",
|
|
1143
|
-
"escape",
|
|
1144
|
-
"enter",
|
|
1145
|
-
"backspace",
|
|
1146
|
-
];
|
|
1147
|
-
|
|
1148
|
-
export function extractShortcuts(items: any[] | any[][]) {
|
|
1149
|
-
const shortcuts: Record<string, Handler> = {};
|
|
1150
|
-
|
|
1151
|
-
function traverse(items: any[]) {
|
|
1152
|
-
items.forEach((item) => {
|
|
1153
|
-
if (item.kbds?.length && (item.onSelect || item.onClick)) {
|
|
1154
|
-
const shortcutKey = item.kbds.join("_");
|
|
1155
|
-
shortcuts[shortcutKey] = item.onSelect || item.onClick;
|
|
1156
|
-
}
|
|
1157
|
-
if (item.children) {
|
|
1158
|
-
traverse(item.children.flat());
|
|
1159
|
-
}
|
|
1160
|
-
if (item.items) {
|
|
1161
|
-
traverse(item.items.flat());
|
|
1162
|
-
}
|
|
1163
|
-
});
|
|
1164
|
-
}
|
|
1165
|
-
|
|
1166
|
-
traverse(items.flat());
|
|
1167
|
-
|
|
1168
|
-
return shortcuts;
|
|
1169
|
-
}
|
|
1170
|
-
|
|
1171
|
-
export function defineShortcuts(config: MaybeRef<ShortcutsConfig>, options: ShortcutsOptions = {}) {
|
|
1172
|
-
const chainedInputs = ref<string[]>([]);
|
|
1173
|
-
const clearChainedInput = () => {
|
|
1174
|
-
chainedInputs.value.splice(0, chainedInputs.value.length);
|
|
1175
|
-
};
|
|
1176
|
-
const debouncedClearChainedInput = useDebounceFn(clearChainedInput, options.chainDelay ?? 800);
|
|
1177
|
-
|
|
1178
|
-
const { macOS } = useKbd();
|
|
1179
|
-
const activeElement = useActiveElement();
|
|
1180
|
-
|
|
1181
|
-
const onKeyDown = (e: KeyboardEvent) => {
|
|
1182
|
-
// Input autocomplete triggers a keydown event
|
|
1183
|
-
if (!e.key) {
|
|
1184
|
-
return;
|
|
1185
|
-
}
|
|
1186
|
-
|
|
1187
|
-
const alphabetKey = /^[a-z]{1}$/i.test(e.key);
|
|
1188
|
-
const shiftableKey = shiftableKeys.includes(e.key.toLowerCase());
|
|
1189
|
-
|
|
1190
|
-
let chainedKey;
|
|
1191
|
-
chainedInputs.value.push(e.key);
|
|
1192
|
-
// try matching a chained shortcut
|
|
1193
|
-
if (chainedInputs.value.length >= 2) {
|
|
1194
|
-
chainedKey = chainedInputs.value.slice(-2).join("-");
|
|
1195
|
-
|
|
1196
|
-
for (const shortcut of shortcuts.value.filter((s) => s.chained)) {
|
|
1197
|
-
if (shortcut.key !== chainedKey) {
|
|
1198
|
-
continue;
|
|
1199
|
-
}
|
|
1200
|
-
|
|
1201
|
-
if (shortcut.enabled) {
|
|
1202
|
-
e.preventDefault();
|
|
1203
|
-
shortcut.handler(e);
|
|
1204
|
-
}
|
|
1205
|
-
clearChainedInput();
|
|
1206
|
-
return;
|
|
1207
|
-
}
|
|
1208
|
-
}
|
|
1209
|
-
|
|
1210
|
-
// try matching a standard shortcut
|
|
1211
|
-
for (const shortcut of shortcuts.value.filter((s) => !s.chained)) {
|
|
1212
|
-
if (e.key.toLowerCase() !== shortcut.key) {
|
|
1213
|
-
continue;
|
|
1214
|
-
}
|
|
1215
|
-
if (e.metaKey !== shortcut.metaKey) {
|
|
1216
|
-
continue;
|
|
1217
|
-
}
|
|
1218
|
-
if (e.ctrlKey !== shortcut.ctrlKey) {
|
|
1219
|
-
continue;
|
|
1220
|
-
}
|
|
1221
|
-
// shift modifier is only checked in combination with alphabet keys and some extra keys
|
|
1222
|
-
// (shift with special characters would change the key)
|
|
1223
|
-
if ((alphabetKey || shiftableKey) && e.shiftKey !== shortcut.shiftKey) {
|
|
1224
|
-
continue;
|
|
1225
|
-
}
|
|
1226
|
-
// alt modifier changes the combined key anyways
|
|
1227
|
-
// if (e.altKey !== shortcut.altKey) { continue }
|
|
1228
|
-
|
|
1229
|
-
if (shortcut.enabled) {
|
|
1230
|
-
e.preventDefault();
|
|
1231
|
-
shortcut.handler(e);
|
|
1232
|
-
}
|
|
1233
|
-
clearChainedInput();
|
|
1234
|
-
return;
|
|
1235
|
-
}
|
|
1236
|
-
|
|
1237
|
-
debouncedClearChainedInput();
|
|
1238
|
-
};
|
|
1239
|
-
|
|
1240
|
-
const usingInput = computed(() => {
|
|
1241
|
-
const tagName = activeElement.value?.tagName;
|
|
1242
|
-
const contentEditable = activeElement.value?.contentEditable;
|
|
1243
|
-
|
|
1244
|
-
const usingInput = !!(
|
|
1245
|
-
tagName === "INPUT" ||
|
|
1246
|
-
tagName === "TEXTAREA" ||
|
|
1247
|
-
contentEditable === "true" ||
|
|
1248
|
-
contentEditable === "plaintext-only"
|
|
1249
|
-
);
|
|
1250
|
-
|
|
1251
|
-
if (usingInput) {
|
|
1252
|
-
return ((activeElement.value as any)?.name as string) || true;
|
|
1253
|
-
}
|
|
1254
|
-
|
|
1255
|
-
return false;
|
|
1256
|
-
});
|
|
1257
|
-
|
|
1258
|
-
// Map config to full detailed shortcuts
|
|
1259
|
-
const shortcuts = computed<Shortcut[]>(() => {
|
|
1260
|
-
return Object.entries(toValue(config))
|
|
1261
|
-
.map(([key, shortcutConfig]) => {
|
|
1262
|
-
if (!shortcutConfig) {
|
|
1263
|
-
return null;
|
|
1264
|
-
}
|
|
1265
|
-
|
|
1266
|
-
// Parse key and modifiers
|
|
1267
|
-
let shortcut: Partial<Shortcut>;
|
|
1268
|
-
|
|
1269
|
-
if (
|
|
1270
|
-
key.includes("-") &&
|
|
1271
|
-
key !== "-" &&
|
|
1272
|
-
!key.includes("_") &&
|
|
1273
|
-
!key.match(chainedShortcutRegex)?.length
|
|
1274
|
-
) {
|
|
1275
|
-
console.trace(\`[Shortcut] Invalid key: "\${key}"\`);
|
|
1276
|
-
}
|
|
1277
|
-
|
|
1278
|
-
if (key.includes("_") && key !== "_" && !key.match(combinedShortcutRegex)?.length) {
|
|
1279
|
-
console.trace(\`[Shortcut] Invalid key: "\${key}"\`);
|
|
1280
|
-
}
|
|
1281
|
-
|
|
1282
|
-
const chained = key.includes("-") && key !== "-" && !key.includes("_");
|
|
1283
|
-
if (chained) {
|
|
1284
|
-
shortcut = {
|
|
1285
|
-
key: key.toLowerCase(),
|
|
1286
|
-
metaKey: false,
|
|
1287
|
-
ctrlKey: false,
|
|
1288
|
-
shiftKey: false,
|
|
1289
|
-
altKey: false,
|
|
1290
|
-
};
|
|
1291
|
-
} else {
|
|
1292
|
-
const keySplit = key
|
|
1293
|
-
.toLowerCase()
|
|
1294
|
-
.split("_")
|
|
1295
|
-
.map((k) => k);
|
|
1296
|
-
shortcut = {
|
|
1297
|
-
key: keySplit
|
|
1298
|
-
.filter((k) => !["meta", "command", "ctrl", "shift", "alt", "option"].includes(k))
|
|
1299
|
-
.join("_"),
|
|
1300
|
-
metaKey: keySplit.includes("meta") || keySplit.includes("command"),
|
|
1301
|
-
ctrlKey: keySplit.includes("ctrl"),
|
|
1302
|
-
shiftKey: keySplit.includes("shift"),
|
|
1303
|
-
altKey: keySplit.includes("alt") || keySplit.includes("option"),
|
|
1304
|
-
};
|
|
1305
|
-
}
|
|
1306
|
-
shortcut.chained = chained;
|
|
1307
|
-
|
|
1308
|
-
// Convert Meta to Ctrl for non-MacOS
|
|
1309
|
-
if (!macOS.value && shortcut.metaKey && !shortcut.ctrlKey) {
|
|
1310
|
-
shortcut.metaKey = false;
|
|
1311
|
-
shortcut.ctrlKey = true;
|
|
1312
|
-
}
|
|
1313
|
-
|
|
1314
|
-
// Retrieve handler function
|
|
1315
|
-
if (typeof shortcutConfig === "function") {
|
|
1316
|
-
shortcut.handler = shortcutConfig;
|
|
1317
|
-
} else if (typeof shortcutConfig === "object") {
|
|
1318
|
-
shortcut = { ...shortcut, handler: shortcutConfig.handler };
|
|
1319
|
-
}
|
|
1320
|
-
|
|
1321
|
-
if (!shortcut.handler) {
|
|
1322
|
-
console.trace("[Shortcut] Invalid value");
|
|
1323
|
-
return null;
|
|
1324
|
-
}
|
|
1325
|
-
|
|
1326
|
-
let enabled = true;
|
|
1327
|
-
if (!(shortcutConfig as ShortcutConfig).usingInput) {
|
|
1328
|
-
enabled = !usingInput.value;
|
|
1329
|
-
} else if (typeof (shortcutConfig as ShortcutConfig).usingInput === "string") {
|
|
1330
|
-
enabled = usingInput.value === (shortcutConfig as ShortcutConfig).usingInput;
|
|
1331
|
-
}
|
|
1332
|
-
shortcut.enabled = enabled;
|
|
1333
|
-
|
|
1334
|
-
return shortcut;
|
|
1335
|
-
})
|
|
1336
|
-
.filter(Boolean) as Shortcut[];
|
|
1337
|
-
});
|
|
1338
|
-
|
|
1339
|
-
return useEventListener("keydown", onKeyDown);
|
|
1340
|
-
}
|
|
1341
|
-
|
|
1342
|
-
`;var qo=async(o=process.cwd())=>{let r=await u(),e=Vo(o,r.composablesLocation);await zo.ensureDir(e),await zo.writeFile(Vo(e,"shortcuts.ts"),Ho,"utf-8")};var Yo=new br().command("shortcuts").name("shortcuts").description("Add the shortcuts composables to your project.").action(async()=>{await qo();let{pkgManager:o}=await Cr({name:"pkgManager",type:"select",message:"Which package manager are you using?",choices:C});if(!o)return process.exit(0);let r=wr("Installing vueuse module...").start();await vr`npx -y nuxi@latest module add vueuse`,r.succeed("VueUse module installed successfully!"),m("All Done!","Check the composables folder for the shortcuts composables.",{box:{title:"Composable Added"}})});import{Command as xr}from"commander";import Jo from"fs-extra";import Xo from"kleur";import so from"lodash";import Zo from"prompts";var Sr=o=>T.some(r=>r.value===o?.toLowerCase()),Qo=new xr().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 r=await u();await g()||(r=await u({force:!0})),so.isEmpty(r)&&(console.log(Xo.red("Config file not set. Exiting...")),process.exit(0));let t=o&&Sr(o)?o.toLowerCase():void 0;if(!t){let{theme:n}=await Zo([{name:"theme",type:"autocomplete",message:"Which theme do you want to add?",choices:T}]);n||(console.log(Xo.red("No theme selected. Exiting...")),process.exit(0)),t=n}if(Jo.existsSync(r.tailwindCSSLocation)){let{force:n}=await Zo([{name:"force",type:"confirm",message:"The Tailwind CSS file already exists. Overwrite?",initial:!1}]);if(!n)return console.log("Exiting..."),process.exit(0)}Jo.writeFileSync(r.tailwindCSSLocation,B(t.toUpperCase()),"utf-8"),m(`${so.capitalize(t)}`,`${so.capitalize(t)} theme has been added to ${r.tailwindCSSLocation}`,{box:{title:"New Theme Added"}})});process.on("SIGINT",()=>process.exit(0));process.on("SIGTERM",()=>process.exit(0));process.on("SIGTSTP",()=>process.exit(0));var oe=new Er;console.clear();m("UI Thing",void 0,{box:{title:"Welcome"}});console.log();oe.name("ui-thing").description("CLI for adding ui-thing components to your Nuxt application").version(lo).addCommand(Ro).addCommand(Eo).addCommand(Go).addCommand(Mo).addCommand(Qo).addCommand(Yo).addCommand(Bo);oe.parse(process.argv);
|
|
1343
|
-
//# sourceMappingURL=index.js.map
|