@zuzjs/ui 1.0.28 → 1.0.29
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/dist/bin.cjs +4 -4
- package/dist/bin.js +1 -1
- package/dist/chunk-5PAJE6QS.js +6 -0
- package/dist/chunk-7VB7CDPA.cjs +7 -0
- package/dist/css/styles.css +1 -1
- package/dist/index.cjs +3 -3
- package/dist/index.js +1 -1
- package/package.json +1 -1
- package/dist/chunk-V52HYTGT.js +0 -6
- package/dist/chunk-X72SJ4PL.cjs +0 -7
package/dist/bin.cjs
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
#!/usr/bin/env node
|
|
2
|
-
'use strict';var
|
|
3
|
-
var k=class{project;stylesToGenerate;manifest={};supportedExtensions=[".tsx",".jsx",".mdx",".md"];constructor(){this.project=new tsMorph.Project({compilerOptions:{allowJs:true,jsx:1}}),this.stylesToGenerate=new Set;}extractStyles(e,t=""){if(e.asKind(tsMorph.SyntaxKind.JsxExpression)){let s=e.getExpression();s&&this.extractStyles(s,t);return}if(e.asKind(tsMorph.SyntaxKind.StringLiteral)||e.asKind(tsMorph.SyntaxKind.NoSubstitutionTemplateLiteral)||e.asKind(tsMorph.SyntaxKind.NumericLiteral))this.stylesToGenerate.add(t+e.getLiteralValue().toString());else if(e.asKind(tsMorph.SyntaxKind.TemplateExpression)){let s=e.getHead().getLiteralText();e.getTemplateSpans().forEach(l=>{this.extractStyles(l.getExpression(),t+s);});}else e.asKind(tsMorph.SyntaxKind.ConditionalExpression)?(this.extractStyles(e.getWhenTrue(),t),this.extractStyles(e.getWhenFalse(),t)):e.asKind(tsMorph.SyntaxKind.ArrayLiteralExpression)?e.getElements().forEach(s=>this.extractStyles(s,t)):e.asKind(tsMorph.SyntaxKind.BinaryExpression)&&(this.extractStyles(e.getLeft(),t),this.extractStyles(e.getRight(),t));}processFile(e){this.stylesToGenerate.clear();let t=e.endsWith(".mdx")||e.endsWith(".md"),s;if(t){let n=u__default.default.readFileSync(e,"utf-8");s=this.project.createSourceFile(e,n,{overwrite:true,scriptKind:tsMorph.ScriptKind.TSX});}else s=this.project.addSourceFileAtPath(e),s.refreshFromFileSystemSync();[...s.getDescendantsOfKind(tsMorph.SyntaxKind.JsxOpeningElement),...s.getDescendantsOfKind(tsMorph.SyntaxKind.JsxSelfClosingElement)].forEach(n=>{let a=n.getAttribute("as")?.asKind(tsMorph.SyntaxKind.JsxAttribute)?.getInitializer();a&&this.extractStyles(a);}),s.getDescendantsOfKind(tsMorph.SyntaxKind.CallExpression).filter(n=>n.getExpression().getText()==="css").forEach(n=>{let c=n.getArguments();c.length>0&&this.extractStyles(c[0]);}),this.stylesToGenerate.forEach(n=>{
|
|
4
|
-
export const zuzMap: Record<string, string> = ${JSON.stringify(this.manifest,null,2)};`;u__default.default.writeFileSync(e,g);}},y=new k;commander.program.opts();var S=process.cwd(),O=false,J=p__default.default.join(S,"src","app","css"),R=p__default.default.join(J,"zuz.scss"),W=p__default.default.join(J,"zuzmap.ts"),G=()=>{
|
|
2
|
+
'use strict';var chunk7VB7CDPA_cjs=require('./chunk-7VB7CDPA.cjs'),commander=require('commander'),Z=require('chokidar'),p=require('path'),i=require('picocolors'),u=require('fs'),tsMorph=require('ts-morph'),url=require('url');function _interopDefault(e){return e&&e.__esModule?e:{default:e}}var Z__default=/*#__PURE__*/_interopDefault(Z);var p__default=/*#__PURE__*/_interopDefault(p);var i__default=/*#__PURE__*/_interopDefault(i);var u__default=/*#__PURE__*/_interopDefault(u);/* ZuzJS UI CLI */
|
|
3
|
+
var k=class{project;stylesToGenerate;manifest={};supportedExtensions=[".tsx",".jsx",".mdx",".md"];constructor(){this.project=new tsMorph.Project({compilerOptions:{allowJs:true,jsx:1}}),this.stylesToGenerate=new Set;}extractStyles(e,t=""){if(e.asKind(tsMorph.SyntaxKind.JsxExpression)){let s=e.getExpression();s&&this.extractStyles(s,t);return}if(e.asKind(tsMorph.SyntaxKind.StringLiteral)||e.asKind(tsMorph.SyntaxKind.NoSubstitutionTemplateLiteral)||e.asKind(tsMorph.SyntaxKind.NumericLiteral))this.stylesToGenerate.add(t+e.getLiteralValue().toString());else if(e.asKind(tsMorph.SyntaxKind.TemplateExpression)){let s=e.getHead().getLiteralText();e.getTemplateSpans().forEach(l=>{this.extractStyles(l.getExpression(),t+s);});}else e.asKind(tsMorph.SyntaxKind.ConditionalExpression)?(this.extractStyles(e.getWhenTrue(),t),this.extractStyles(e.getWhenFalse(),t)):e.asKind(tsMorph.SyntaxKind.ArrayLiteralExpression)?e.getElements().forEach(s=>this.extractStyles(s,t)):e.asKind(tsMorph.SyntaxKind.BinaryExpression)&&(this.extractStyles(e.getLeft(),t),this.extractStyles(e.getRight(),t));}processFile(e){this.stylesToGenerate.clear();let t=e.endsWith(".mdx")||e.endsWith(".md"),s;if(t){let n=u__default.default.readFileSync(e,"utf-8");s=this.project.createSourceFile(e,n,{overwrite:true,scriptKind:tsMorph.ScriptKind.TSX});}else s=this.project.addSourceFileAtPath(e),s.refreshFromFileSystemSync();[...s.getDescendantsOfKind(tsMorph.SyntaxKind.JsxOpeningElement),...s.getDescendantsOfKind(tsMorph.SyntaxKind.JsxSelfClosingElement)].forEach(n=>{let a=n.getAttribute("as")?.asKind(tsMorph.SyntaxKind.JsxAttribute)?.getInitializer();a&&this.extractStyles(a);}),s.getDescendantsOfKind(tsMorph.SyntaxKind.CallExpression).filter(n=>n.getExpression().getText()==="css").forEach(n=>{let c=n.getArguments();c.length>0&&this.extractStyles(c[0]);}),this.stylesToGenerate.forEach(n=>{chunk7VB7CDPA_cjs.h(n).filter(Boolean).forEach(a=>{let x=a.match(/^([&@][\w-]+)\((.*)\)$/);if(x){let[h,z,F]=x;chunk7VB7CDPA_cjs.h(F).filter(Boolean).forEach(b=>{let v=`${z}(${b})`,w=chunk7VB7CDPA_cjs.i.parseAndGenerate(v,e);w.length>0&&(this.manifest[v]=w.join(" "));});let j=chunk7VB7CDPA_cjs.i.parseAndGenerate(a,e);j.length>0&&(this.manifest[a]=j.join(" "));}else {let h=chunk7VB7CDPA_cjs.i.parseAndGenerate(a,e);h.length>0&&(this.manifest[a]=h.join(" "));}});}),t&&this.project.removeSourceFile(s);}isSupportedFile(e){return this.supportedExtensions.some(t=>e.endsWith(t))}getStyleCount(){return this.stylesToGenerate.size}getManifestPath=()=>{let e=process.cwd(),t=[p__default.default.join(e,"src/app/css"),p__default.default.join(e,"app/css"),p__default.default.join(e,"src/css"),p__default.default.join(e,"css")],s=t.find(l=>u__default.default.existsSync(l))||t[0];return u__default.default.existsSync(s)||u__default.default.mkdirSync(s,{recursive:true}),p__default.default.join(s,"zuzmap.ts")};saveManifest(e){let t=p__default.default.dirname(e);u__default.default.existsSync(t)||u__default.default.mkdirSync(t,{recursive:true});let s=chunk7VB7CDPA_cjs.i.getCache(),l={};for(let[n,c]of Object.entries(this.manifest))s.has(c)&&(l[n]=c);this.manifest=l;let g=`/* Zuz Generated Manifest - Do not edit */
|
|
4
|
+
export const zuzMap: Record<string, string> = ${JSON.stringify(this.manifest,null,2)};`;u__default.default.writeFileSync(e,g);}},y=new k;commander.program.opts();var S=process.cwd(),O=false,J=p__default.default.join(S,"src","app","css"),R=p__default.default.join(J,"zuz.scss"),W=p__default.default.join(J,"zuzmap.ts"),G=()=>{chunk7VB7CDPA_cjs.i.writeToDisk(R),y.saveManifest(W);},P=async()=>{try{let o=p__default.default.dirname(url.fileURLToPath(chunk7VB7CDPA_cjs.a)),e=p__default.default.resolve(o,"../package.json"),t=JSON.parse(u__default.default.readFileSync(e,"utf8")),g=(await(await fetch("https://registry.npmjs.org/@zuzjs/ui/latest")).json()).version.trim();if(g!==t.version.trim()){let n=` Update available! ${i__default.default.dim(t.version)} \u2192 ${i__default.default.green(g)} `,c=` Run: ${i__default.default.cyan(`npm i ${t.name}@latest`)} `,a=b=>b.replace(/\u001b\[[0-9;]*m/g,"").length,x=a(n),h=a(c),z=Math.max(x,h),F=i__default.default.yellow(`\u250C${"\u2500".repeat(z+2)}\u2510`),C=i__default.default.yellow(`\u2514${"\u2500".repeat(z+2)}\u2518`),j=(b,v)=>{let w=" ".repeat(z-v);return `${i__default.default.yellow("\u2502")} ${b}${w} ${i__default.default.yellow("\u2502")}`};console.log(`
|
|
5
5
|
${F}`),console.log(j(n,x)),console.log(j(c,h)),console.log(`${C}
|
|
6
|
-
`);}}catch{}};commander.program.command("init").description("Initialize Zuz snippets and configuration").action(()=>{let o=p__default.default.join(S,".vscode"),e=p__default.default.join(o,"zuz.code-snippets"),t=p__default.default.join(o,"settings.json"),s=Object.keys(
|
|
6
|
+
`);}}catch{}};commander.program.command("init").description("Initialize Zuz snippets and configuration").action(()=>{let o=p__default.default.join(S,".vscode"),e=p__default.default.join(o,"zuz.code-snippets"),t=p__default.default.join(o,"settings.json"),s=Object.keys(chunk7VB7CDPA_cjs.b).join(","),l=Object.keys(chunk7VB7CDPA_cjs.c).join(","),g={"Zuz Property":{prefix:"zp",body:[`as="\${1|${s}|}:$0"`],description:"Zuz Property (adds colon)"},"Zuz Shortcut":{prefix:"zs",body:[`as="\${1|${l}|}$0"`],description:"Zuz Direct Shortcut"}},n={};if(u__default.default.existsSync(t))try{n=JSON.parse(u__default.default.readFileSync(t,"utf-8"));}catch{n={};}n["editor.suggest.snippetsPreventQuickSuggestions"]=false,n["editor.quickSuggestions"]={...typeof n["editor.quickSuggestions"]=="object"?n["editor.quickSuggestions"]:{},strings:true},u__default.default.existsSync(o)||u__default.default.mkdirSync(o,{recursive:true}),u__default.default.writeFileSync(e,JSON.stringify(g,null,2)),u__default.default.writeFileSync(t,JSON.stringify(n,null,2)),console.log(i__default.default.green("\u2714 Zuz VS Code configuration initialized!")),console.log(i__default.default.cyan(" - .vscode/zuz.code-snippets (Splitted zp/zs)")),console.log(i__default.default.cyan(" - .vscode/settings.json (QuickSuggestions enabled)"));});commander.program.command("watch").alias("w").description("Start ZuzJS watcher").action(()=>{P();let o=Z__default.default.watch(".",{cwd:S,ignored:[/node_modules/,/dist/,/\.next/,/\.git/],persistent:true,usePolling:true,followSymlinks:false,ignoreInitial:false});o.on("add",e=>{y.isSupportedFile(e)&&y.processFile(p__default.default.resolve(S,e)),O&&console.log(i__default.default.gray(`\u25CB File added: ${e}`));}),o.on("change",e=>{if(y.isSupportedFile(e)){console.log(i__default.default.gray(`\u25CB File changed: ${e}`));let t=p__default.default.resolve(S,e);chunk7VB7CDPA_cjs.i.clearFileCache(t),y.processFile(t),G(),console.log(i__default.default.blue("\u26A1 Zuz CSS updated."));}}),o.on("ready",()=>{O=true,G(),console.log(i__default.default.green(`
|
|
7
7
|
\u2713 Initial Build Complete.`)),console.log(i__default.default.cyan(`\u25CB Watching: ${p.basename(S)}
|
|
8
8
|
`));}),o.on("error",e=>console.error(i__default.default.red(`Watcher Error: ${e}`)));});commander.program.parse(process.argv);
|
package/dist/bin.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
#!/usr/bin/env node
|
|
2
|
-
import {a,b,h,g}from'./chunk-
|
|
2
|
+
import {a,b,h,g}from'./chunk-5PAJE6QS.js';import {program}from'commander';import D from'chokidar';import p,{basename}from'path';import i from'picocolors';import u from'fs';import {Project,SyntaxKind,ScriptKind}from'ts-morph';import {fileURLToPath}from'url';var T=class{project;stylesToGenerate;manifest={};supportedExtensions=[".tsx",".jsx",".mdx",".md"];constructor(){this.project=new Project({compilerOptions:{allowJs:true,jsx:1}}),this.stylesToGenerate=new Set;}extractStyles(e,t=""){if(e.asKind(SyntaxKind.JsxExpression)){let s=e.getExpression();s&&this.extractStyles(s,t);return}if(e.asKind(SyntaxKind.StringLiteral)||e.asKind(SyntaxKind.NoSubstitutionTemplateLiteral)||e.asKind(SyntaxKind.NumericLiteral))this.stylesToGenerate.add(t+e.getLiteralValue().toString());else if(e.asKind(SyntaxKind.TemplateExpression)){let s=e.getHead().getLiteralText();e.getTemplateSpans().forEach(l=>{this.extractStyles(l.getExpression(),t+s);});}else e.asKind(SyntaxKind.ConditionalExpression)?(this.extractStyles(e.getWhenTrue(),t),this.extractStyles(e.getWhenFalse(),t)):e.asKind(SyntaxKind.ArrayLiteralExpression)?e.getElements().forEach(s=>this.extractStyles(s,t)):e.asKind(SyntaxKind.BinaryExpression)&&(this.extractStyles(e.getLeft(),t),this.extractStyles(e.getRight(),t));}processFile(e){this.stylesToGenerate.clear();let t=e.endsWith(".mdx")||e.endsWith(".md"),s;if(t){let n=u.readFileSync(e,"utf-8");s=this.project.createSourceFile(e,n,{overwrite:true,scriptKind:ScriptKind.TSX});}else s=this.project.addSourceFileAtPath(e),s.refreshFromFileSystemSync();[...s.getDescendantsOfKind(SyntaxKind.JsxOpeningElement),...s.getDescendantsOfKind(SyntaxKind.JsxSelfClosingElement)].forEach(n=>{let a=n.getAttribute("as")?.asKind(SyntaxKind.JsxAttribute)?.getInitializer();a&&this.extractStyles(a);}),s.getDescendantsOfKind(SyntaxKind.CallExpression).filter(n=>n.getExpression().getText()==="css").forEach(n=>{let c=n.getArguments();c.length>0&&this.extractStyles(c[0]);}),this.stylesToGenerate.forEach(n=>{g(n).filter(Boolean).forEach(a=>{let x=a.match(/^([&@][\w-]+)\((.*)\)$/);if(x){let[h$1,z,F]=x;g(F).filter(Boolean).forEach(b=>{let v=`${z}(${b})`,w=h.parseAndGenerate(v,e);w.length>0&&(this.manifest[v]=w.join(" "));});let j=h.parseAndGenerate(a,e);j.length>0&&(this.manifest[a]=j.join(" "));}else {let h$1=h.parseAndGenerate(a,e);h$1.length>0&&(this.manifest[a]=h$1.join(" "));}});}),t&&this.project.removeSourceFile(s);}isSupportedFile(e){return this.supportedExtensions.some(t=>e.endsWith(t))}getStyleCount(){return this.stylesToGenerate.size}getManifestPath=()=>{let e=process.cwd(),t=[p.join(e,"src/app/css"),p.join(e,"app/css"),p.join(e,"src/css"),p.join(e,"css")],s=t.find(l=>u.existsSync(l))||t[0];return u.existsSync(s)||u.mkdirSync(s,{recursive:true}),p.join(s,"zuzmap.ts")};saveManifest(e){let t=p.dirname(e);u.existsSync(t)||u.mkdirSync(t,{recursive:true});let s=h.getCache(),l={};for(let[n,c]of Object.entries(this.manifest))s.has(c)&&(l[n]=c);this.manifest=l;let g=`/* Zuz Generated Manifest - Do not edit */
|
|
3
3
|
export const zuzMap: Record<string, string> = ${JSON.stringify(this.manifest,null,2)};`;u.writeFileSync(e,g);}},y=new T;program.opts();var S=process.cwd(),A=false,G=p.join(S,"src","app","css"),W=p.join(G,"zuz.scss"),P=p.join(G,"zuzmap.ts"),O=()=>{h.writeToDisk(W),y.saveManifest(P);},I=async()=>{try{let o=p.dirname(fileURLToPath(import.meta.url)),e=p.resolve(o,"../package.json"),t=JSON.parse(u.readFileSync(e,"utf8")),g=(await(await fetch("https://registry.npmjs.org/@zuzjs/ui/latest")).json()).version.trim();if(g!==t.version.trim()){let n=` Update available! ${i.dim(t.version)} \u2192 ${i.green(g)} `,c=` Run: ${i.cyan(`npm i ${t.name}@latest`)} `,a=b=>b.replace(/\u001b\[[0-9;]*m/g,"").length,x=a(n),h=a(c),z=Math.max(x,h),F=i.yellow(`\u250C${"\u2500".repeat(z+2)}\u2510`),k=i.yellow(`\u2514${"\u2500".repeat(z+2)}\u2518`),j=(b,v)=>{let w=" ".repeat(z-v);return `${i.yellow("\u2502")} ${b}${w} ${i.yellow("\u2502")}`};console.log(`
|
|
4
4
|
${F}`),console.log(j(n,x)),console.log(j(c,h)),console.log(`${k}
|
|
5
5
|
`);}}catch{}};program.command("init").description("Initialize Zuz snippets and configuration").action(()=>{let o=p.join(S,".vscode"),e=p.join(o,"zuz.code-snippets"),t=p.join(o,"settings.json"),s=Object.keys(a).join(","),l=Object.keys(b).join(","),g={"Zuz Property":{prefix:"zp",body:[`as="\${1|${s}|}:$0"`],description:"Zuz Property (adds colon)"},"Zuz Shortcut":{prefix:"zs",body:[`as="\${1|${l}|}$0"`],description:"Zuz Direct Shortcut"}},n={};if(u.existsSync(t))try{n=JSON.parse(u.readFileSync(t,"utf-8"));}catch{n={};}n["editor.suggest.snippetsPreventQuickSuggestions"]=false,n["editor.quickSuggestions"]={...typeof n["editor.quickSuggestions"]=="object"?n["editor.quickSuggestions"]:{},strings:true},u.existsSync(o)||u.mkdirSync(o,{recursive:true}),u.writeFileSync(e,JSON.stringify(g,null,2)),u.writeFileSync(t,JSON.stringify(n,null,2)),console.log(i.green("\u2714 Zuz VS Code configuration initialized!")),console.log(i.cyan(" - .vscode/zuz.code-snippets (Splitted zp/zs)")),console.log(i.cyan(" - .vscode/settings.json (QuickSuggestions enabled)"));});program.command("watch").alias("w").description("Start ZuzJS watcher").action(()=>{I();let o=D.watch(".",{cwd:S,ignored:[/node_modules/,/dist/,/\.next/,/\.git/],persistent:true,usePolling:true,followSymlinks:false,ignoreInitial:false});o.on("add",e=>{y.isSupportedFile(e)&&y.processFile(p.resolve(S,e)),A&&console.log(i.gray(`\u25CB File added: ${e}`));}),o.on("change",e=>{if(y.isSupportedFile(e)){console.log(i.gray(`\u25CB File changed: ${e}`));let t=p.resolve(S,e);h.clearFileCache(t),y.processFile(t),O(),console.log(i.blue("\u26A1 Zuz CSS updated."));}}),o.on("ready",()=>{A=true,O(),console.log(i.green(`
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import {isColor}from'@zuzjs/core';import u from'fs';import S from'hashids';import {dirname}from'path';var g={alignContent:"align-content",alignItems:"align-items",alignSelf:"align-self",animation:"animation",animationDelay:"animation-delay",animationDirection:"animation-direction",animationDuration:"animation-duration",animationFillMode:"animation-fill-mode",animationIterationCount:"animation-iteration-count",animationName:"animation-name",animationPlayState:"animation-play-state",animationTimingFunction:"animation-timing-function",background:"background",bg:"background",backgroundColor:"background-color",backgroundImage:"background-image",bgi:"background-image",bgc:"background-color",backgroundOrigin:"background-origin",backgroundPosition:"background-position",backgroundRepeat:"background-repeat",backgroundSize:"background-size",backfaceVisibility:"backface-visibility",backgroundAttachment:"background-attachment",backgroundBlendMode:"background-blend-mode",backgroundClip:"background-clip","bg-clip":"background-clip",border:"border",borderBottom:"border-bottom",borderBottomColor:"border-bottom-color",borderBottomStyle:"border-bottom-style",borderBottomWidth:"border-bottom-width",borderCollapse:"border-collapse",borderColor:"border-color",borderImage:"border-image",borderImageOutset:"border-image-outset",borderImageRepeat:"border-image-repeat",borderImageSlice:"border-image-slice",borderImageSource:"border-image-source",borderImageWidth:"border-image-width",borderLeft:"border-left",borderLeftColor:"border-left-color",borderLeftStyle:"border-left-style",borderLeftWidth:"border-left-width",borderRight:"border-right",borderRightColor:"border-right-color",borderRightStyle:"border-right-style",borderRightWidth:"border-right-width",borderSpacing:"border-spacing",borderStyle:"border-style",borderTop:"border-top",borderTopColor:"border-top-color",borderTopStyle:"border-top-style",borderTopWidth:"border-top-width",borderWidth:"border-width",borderRadius:"border-radius",r:"border-radius",radius:"border-radius",borderTopLeftRadius:"border-top-left-radius",rtl:"border-top-left-radius",borderTopRightRadius:"border-top-right-radius",rtr:"border-top-right-radius",borderBottomLeftRadius:"border-bottom-left-radius",rbl:"border-bottom-left-radius",borderBottomRightRadius:"border-bottom-right-radius",rbr:"border-bottom-right-radius",bottom:"bottom",boxDecorationBreak:"box-decoration-break",boxShadow:"box-shadow",shadow:"box-shadow",boxSizing:"box-sizing",captionSide:"caption-side",caretColor:"caret-color","@charset":"@charset",clear:"clear",clip:"clip-path",clipPath:"clip-path",color:"color",c:"color",columnCount:"column-count",columnFill:"column-fill",columnGap:"column-gap",colGap:"column-gap",columnRule:"column-rule",columnRuleColor:"column-rule-color",columnRuleStyle:"column-rule-style",columnRuleWidth:"column-rule-width",columnSpan:"column-span",columnWidth:"column-width",columns:"columns",content:"content",counterIncrement:"counter-increment",counterReset:"counter-reset",cursor:"cursor",pointer:"pointer",direction:"direction",display:"display",emptyCells:"empty-cells",filter:"filter",flex:"flex",flexBasis:"flex-basis",flexDirection:"flex-direction",flexDir:"flex-direction",flexFlow:"flex-flow",flexGrow:"flex-grow",flexShrink:"flex-shrink",shrink:"flex-shrink",flexWrap:"flex-wrap",float:"float",font:"font",fontFamily:"font-family",fontKerning:"font-kerning",s:"font-size",fontSize:"font-size",fontSizeAdjust:"font-size-adjust",fontStretch:"font-stretch",fontStyle:"font-style",fontVariant:"font-variant",bold:"bold",fontWeight:"font-weight",b:"font-weight",gap:"gap",grid:"grid",gridArea:"grid-area",gridAutoColumns:"grid-auto-columns",gridAutoFlow:"grid-auto-flow",gridAutoRows:"grid-auto-rows",gridColumn:"grid-column",gridColumnEnd:"grid-column-end",gridColumnGap:"grid-column-gap",gridColumnStart:"grid-column-start",gridGap:"grid-gap",gridRow:"grid-row",gridRowEnd:"grid-row-end",gridRowGap:"grid-row-gap",gridRowStart:"grid-row-start",gridTemplate:"grid-template",gridTemplateAreas:"grid-template-areas","grid-areas":"grid-template-areas",gridTemplateColumns:"grid-template-columns","grid-cols":"grid-template-columns",gridTemplateRows:"grid-template-rows","grid-rows":"grid-template-rows",hangingPunctuation:"hanging-punctuation",hyphens:"hyphens",isolation:"isolation",justifyContent:"justify-content",left:"left",letterSpacing:"letter-spacing",lineHeight:"line-height",lh:"line-height",listStyle:"list-style",listStyleImage:"list-style-image",listStylePosition:"list-style-position",listStyleType:"list-style-type",aspectRatio:"aspect-ratio",margin:"margin",m:"margin",marginBottom:"margin-bottom",mb:"margin-bottom",marginLeft:"margin-left",ml:"margin-left",marginRight:"margin-right",mr:"margin-right",marginTop:"margin-top",mt:"margin-top",height:"height",h:"height",minHeight:"min-height",minH:"min-height",maxHeight:"max-height",maxH:"max-height",width:"width",w:"width",minWidth:"min-width",minW:"min-width",maxWidth:"max-width",maxW:"max-width",mixBlendMode:"mix-blend-mode",objectFit:"object-fit",objectPosition:"object-position",opacity:"opacity",order:"order",outline:"outline",outlineColor:"outline-color",outlineOffset:"outline-offset",outlineStyle:"outline-style",outlineWidth:"outline-width",overflow:"overflow",overflowX:"overflow-x",overflowY:"overflow-y",padding:"padding",p:"padding",paddingBottom:"padding-bottom",pb:"padding-bottom",paddingLeft:"padding-left",pl:"padding-left",paddingRight:"padding-right",pr:"padding-right",paddingTop:"padding-top",pt:"padding-top",pageBreakAfter:"page-break-after",pageBreakBefore:"page-break-before",pageBreakInside:"page-break-inside",perspective:"perspective",perspectiveOrigin:"perspective-origin",pointerEvents:"pointer-events",position:"position",quotes:"quotes",resize:"resize",right:"right",scrollBehavior:"scroll-behavior",tabSize:"tab-size",tableLayout:"table-layout",align:"text-align",textAlign:"text-align",textAlignLast:"text-align-last",textDecoration:"text-decoration",td:"text-decoration",textDecorationColor:"text-decoration-color",textDecorationLine:"text-decoration-line",textDecorationStyle:"text-decoration-style",textIndent:"text-indent",textJustify:"text-justify",textOverflow:"text-overflow",textShadow:"text-shadow",textTransform:"text-transform",textStroke:"-webkit-text-stroke",top:"top",transform:"transform","transform(2D)":"transform(2D)",transformOrigin:"transform-origin",origin:"transform-origin",transformStyle:"transform-style",transition:"transition",transitionDelay:"transition-delay",transitionDuration:"transition-duration",transitionProperty:"transition-property",transitionTimingFunction:"transition-timing-function",unicodeBidi:"unicode-bidi",userSelect:"user-select",verticalAlign:"vertical-align",visibility:"visibility",whiteSpace:"white-space",wordBreak:"word-break",wordSpacing:"word-spacing",textWrap:"textWrap",wordWrap:"word-wrap",writingMode:"writing-mode",zIndex:"z-index",backdropFilter:"backdrop-filter",placeItems:"place-items",placeContent:"place-content",corner:"corner-shape",ph:"padding-left:__VALUE__;padding-right:__VALUE__;",pv:"padding-top:__VALUE__;padding-bottom:__VALUE__;",mh:"margin-left:__VALUE__;margin-right:__VALUE__;",mv:"margin-top:__VALUE__;margin-bottom:__VALUE__;",translate:"translate: __VALUE__;",translateX:"translate: __VALUE__ 0px 0px;",translateY:"translate: 0px __VALUE__ 0px;",translateZ:"translate: 0px 0px __VALUE__;",x:"translate: __VALUE__ 0px 0px;",y:"translate: 0px __VALUE__ 0px;",z:"translate: 0px 0px __VALUE__;",rotate:"rotate: __VALUE__;",rotateX:"rotate: 1 0 0 __VALUE__;",rotateY:"rotate: 0 1 0 __VALUE__;",rotateZ:"rotate: 0 0 1 __VALUE__;",rotate3d:"rotate: 1 1 1 __VALUE__;",scale:"scale: __VALUE__;",view:"perspective: __VALUE__;",anim:"transition: all __VALUE__ __CURVE__ __DELAY__;",blur:"filter: blur(__VALUE__);",saturate:"filter: saturate(__VALUE__);",brightness:"filter: brightness(__VALUE__);",ratio:"aspect-ratio: __VALUE__;",extend:"@extend __VALUE__;"},_={content:"content:'';",bold:"font-weight: bold;",grid:"display:grid;",flex:"display:flex;",wrap:"flex-wrap:wrap;",cols:"flex-direction:column;","cols-reverse":"flex-direction:column-reverse;","cols-rev":"flex-direction:column-reverse;",ass:"align-self:flex-start;",ais:"align-items:flex-start;",aib:"align-items:baseline;",aic:"align-items:center;","align-items-center":"align-items:center;",aie:"align-items:flex-end;",jcs:"justify-content:flex-start;",jcc:"justify-content:center;",jce:"justify-content:flex-end;",jcb:"justify-content:space-between;",jca:"justify-content:space-around;",pis:"place-items:start",pie:"place-items:end",pic:"place-items:center",pist:"place-items:stretch",pcs:"place-content:start",pcc:"place-content:center",pce:"place-content:end",pcst:"place-content:stretch",tal:"text-align: left;",tac:"text-align: center;",tar:"text-align: right;",tas:"text-align: justify;",fill:"top: 0px;left: 0px;right: 0px;bottom: 0px;",rel:"position:relative;",abs:"position:absolute;",fixed:"position:fixed;",sticky:"position:sticky;",abc:"top:50%;left:50%;--abc-x:-50%;--abc-y:-50%;translate:calc(var(--abc-x) + var(--fx-x, 0px)) calc(var(--abc-y) + var(--fx-y, 0px));",tdn:"text-decoration:none;",tdu:"text-decoration:underline;",nous:"user-select:none;",nope:"pointer-events:none;","3d":"transform-style: preserve-3d;",hide:"display: none;",block:"display: block;",inlineblock:"display: inline-block;","center-h":"left: 50%;--abc-x: -50%;translate: calc(var(--abc-x) + var(--fx-x, 0px)) var(--fx-y, 0px);","center-x":"left: 50%;--abc-x: -50%;translate: calc(var(--abc-x) + var(--fx-x, 0px)) var(--fx-y, 0px);","center-v":"top: 50%;--abc-y: -50%;translate: var(--fx-x, 0px) calc(var(--abc-y) + var(--fx-y, 0px));","center-y":"top: 50%;--abc-y: -50%;translate: var(--fx-x, 0px) calc(var(--abc-y) + var(--fx-y, 0px));","no-overflow":"overflow: hidden;","no-overflow-x":"overflow-x: hidden;","no-overflow-y":"overflow-y: hidden;","overflow-x":"overflow-x: auto;","overflow-y":"overflow-y: auto;","scroll-x":"overflow-x: auto;","scroll-y":"overflow-y: auto;","space-pre":"white-space: pre;","white-space-pre":"white-space: pre;","text-wrap":"width: 98%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;","text-clip":"color: transparent;background-clip: text;-webkit-background-clip: text;","word-break":"word-break: break-word;",uppercase:"text-transform: uppercase;",lowercase:"text-transform: lowercase;",capitalize:"text-transform: capitalize;"},y=["color","bg","background","background-color","border","border-color","border-top-color","border-right-color","border-bottom-color","border-left-color","outline-color","text-decoration-color","text-shadow","box-shadow","fill","stroke","stop-color","caret-color","column-rule-color","text-emphasis-color","accent-color","border-block-color","border-inline-color","column-fill","marker","scrollbar-color","outline-offset-color","backgroundColor","borderColor","borderTopColor","borderRightColor","borderBottomColor","borderLeftColor","outlineColor","textDecorationColor","textShadow","boxShadow","fill","stroke","stopColor","caretColor","columnRuleColor","textEmphasisColor","accentColor","borderBlockColor","borderInlineColor","columnFill","marker","scrollbarColor","outlineOffsetColor"],w={ease:"ease",in:"ease-in",out:"ease-out",inout:"ease-in-out",linear:"linear",start:"step-start",end:"step-end",steps:"steps",cubic:"cubic-bezier",initial:"initial",inherit:"inherit"};var A=["translate","translateX","translateY","translateZ","scale","scaleX","scaleY","scaleZ","rotate","rotateX","rotateY","rotateZ","skew","skewX","skewY","perspective","matrix","matrix3d"];var $={w:"width",minW:"minWidth",maxW:"maxWidth",h:"height",minH:"minHeight",maxH:"maxHeight",x:"translateX",y:"translateY",z:"translateZ",r:"rotate",rx:"rotateX",ry:"rotateY",rz:"rotateZ",s:"scale",sx:"scaleX",sy:"scaleY",sz:"scaleZ"};var k={name:"@zuzjs/ui"};var U=k.name,R=(p,t=[])=>{let e=["as",...t],o={...p};return Object.keys(o).map(r=>{r in g&&delete o[r];}),"skeleton"in e&&e.skeleton.enabled==true&&delete o.children,e.map(r=>r in o&&delete o[r]),o},W=p=>{let t=[],e="",o=0;for(let r=0;r<p.length;r++){let i=p[r];(i==="["||i==="(")&&o++,(i==="]"||i===")")&&o--,/\s/.test(i)&&o===0?(e.trim()&&t.push(e.trim()),e=""):e+=i;}return e.trim()&&t.push(e.trim()),t};var h=class{propMap=g;directMap=_;colorProps=new Set(y);animationCurves=w;delimeter=",";hashids;mediaQueries={ph:"(max-width: 599px)",sm:"(min-width: 600px) and (max-width: 767px)",md:"(min-width: 768px)",lg:"(min-width: 992px)",xl:"(min-width: 1200px)"};__SALT="zuzjs-ui";fileMap=new Map;cache=new Map;ruleTracker=new Map;dollorToVarRegexp=/\$([a-zA-Z0-9_-]+)/g;constructor(){this.hashids=new S(this.__SALT,5);}parseAndGenerate(t,e){let o=this.tokenize(t),r=[];this.fileMap.has(e)||this.fileMap.set(e,new Set);for(let i of o){let n=this.generateAtomicClass(i);r.push(n),this.fileMap.get(e).add(n);}return r}tokenize(t){let e=[],o=0,r=i=>{let n="",a=0;for(;o<t.length;){let s=t[o];if(s==="["&&a++,s==="]"&&a--,s==="("&&a===0){let l=n.trim(),c={...i};l.startsWith("&")?c.pseudo=l.replace("&",""):l.startsWith("@")?c.media=l.replace("@",""):c.selector=i.selector?`${i.selector} ${l}`:l,n="",o++,r(c);}else if(s===")"&&a===0){n.trim()&&this.pushToken(e,n.trim(),i),n="";return}else (s===" "||s===`
|
|
2
|
+
`)&&a===0?(n.trim()&&this.pushToken(e,n.trim(),i),n=""):n+=s;o++;}n.trim()&&this.pushToken(e,n.trim(),i);};return r({}),e}pushToken(t,e,o){let r=e.trim();if(r.includes(":")){let i=r.indexOf(":"),n=r.slice(0,i).trim(),a=r.slice(i+1).trim();t.push({prop:n.trim(),value:a.trim(),...o});}else this.directMap[r]?t.push({prop:r,value:void 0,isCustom:false,...o}):t.push({prop:e.trim(),isCustom:true,...o});}generateAtomicClass(t){let{prop:e,value:o,pseudo:r,media:i,selector:n,isCustom:a}=t;if(a)return e;let s="";if(!o&&this.directMap[e])s=this.directMap[e];else {let d=this.propMap[e]||e;s=d.includes("__")?this.resolveComplexTemplate(e,o||"",d):`${d}: ${this.processValue(e,o||"")};`;}let l=`${s}|${r||""}|${i||""}|${n||""}`;if(this.ruleTracker.has(l))return this.ruleTracker.get(l);let c=`z${l.charAt(0)}${this.generateHash(l)}`,m=`${`.${c}${r?`:${r}`:""}${n?` ${n}`:""}`} { ${s} }`;return i&&i.split(" ").forEach(d=>{d==="dark"?m=`[color-scheme="dark"] ${m}`:this.mediaQueries[d]&&(m=`@media ${this.mediaQueries[d]} { ${m} }`);}),this.cache.set(c,m),this.ruleTracker.set(l,c),c}resolveComplexTemplate(t,e,o){let r=e.split(this.delimeter),i=o;if(t==="anim"){let[n,a,s]=r;i=i.replace("__VALUE__",this.processValue("transitionDuration",n||"0s")).replace("__CURVE__",this.animationCurves[a]||"ease-in-out").replace("__DELAY__",this.processValue("transitionDelay",s||"0s"));}else if(t==="rotate3d"){let[n,a,s,l]=r;i=i.replace("__X__",n||"0").replace("__Y__",a||"0").replace("__Z__",s||"0").replace("__A__",l?isNaN(Number(l))?l:`${l}deg`:"0deg");}return i.replace(/__VALUE__/g,this.processValue(t,r[0]||""))}transformBrackets(t){return t.replace(/\[/g,"(").replace(/\]/g,")").replace(this.dollorToVarRegexp,"var(--$1)")}addUnitsSafely(t,e){return ["opacity","zIndex","flex","b","font-weight","fontWeight","lineHeight","scale","ratio","aspectRatio","aspect-ratio","shrink","flex-shrink","flexShrink"].includes(t)?e:/^-?\d*\.?\d+$/.test(e)?`${e}${t=="rotate"?"deg":"px"}`:e.replace(/(?<=^|[\s\+\-\*\/\(\,])(-?\d*\.?\d+)(?=$|[\s\+\-\*\/\)\,])/g,(r,i,n,a)=>a.substring(0,n).trim().endsWith("repeat(")?r:`${r}px`)}processValue(t,e){let o=false;e.endsWith("!")&&(o=true,e=e.slice(0,-1));let r="";if(e.trim()=="full")r="100%";else if(e.trim()=="half")r="50%";else if(this.propMap[t]&&["xs","sm","md","lg","xl","xxl"].includes(e.trim())){let i=this.propMap[t],n={"border-radius":"radius","line-height":"lh","font-size":"text"};r=`var(--${i in n?n[i]:i}-${e.trim()})`;}else if(e.includes("[")||e.includes("]")){let i=this.transformBrackets(e),[n]=e.split("[");["rgba","rgb"].includes(n)?r=i:r=this.addUnitsSafely(t,i);}else e.includes(",")?r=e.split(",").map(i=>this.processValue(t,i.trim())).join(" "):/^-?\d*\.?\d+$/.test(e)?r=this.addUnitsSafely(t,e):isColor(e)?r=this.makeColor(e):e.startsWith("gradient")||e.startsWith("linear-gradient")||e.startsWith("radial-gradient")?r=this.parseGradient(e):r=e.replace(this.dollorToVarRegexp,"var(--$1)");return o?`${r} !important`:r}addUnitsToComplexValue(t,e){if(["opacity","zIndex","flex","b","fontWeight","lineHeight","shrink","flex-shrink","flexShrink"].includes(t))return e;try{return String(e).replace(/(\d+)(?![%a-zA-Z!])/g,"$1px")}catch{return e}}makeColor(t){return t.charAt(0)=="#"&&(t=t.substring(1)),t.charAt(0)=="$"?`var(--${t.replace("$","")})`:/^#[0-9A-F]{6}[0-9a-f]{0,2}$/i.test(`#${t}`)||/^#([0-9A-F]{3}){1,2}$/i.test(`#${t}`)?`#${t}`:t.includes("rgb")||t.includes("rgba")?t.replace(/\[/g,"(").replace(/\]/g,")"):t.trim()}parseGradient(t){t.startsWith("gradient")&&(t=`linear-${t}`);let[e,o,r,i,...n]=t.split("-"),a=t,s=/^[+-]?\d+(\.\d+)?$/.test(i)?`${i}deg`:`to ${i}`,l=n.reduce((c,f)=>(c.push(this.makeColor(f)),c),[]).join(", ");switch(e){case "linear":a=`linear-gradient(${s}, ${l})`;break;case "radial":break;default:a=t;break}return a}generateHash(t,e=6){let o=5381;for(let i=0;i<t.length;i++)o=(o<<5)+o+t.charCodeAt(i);return (o>>>0&1048575).toString(36).padStart(e,"0")}getStyleSheet(){return Array.from(this.cache.values()).join(`
|
|
3
|
+
`)}getCache(){return this.cache}clearFileCache(t){this.fileMap.delete(t);}writeToDisk(t){let e=new Set;this.fileMap.forEach(i=>{i.forEach(n=>e.add(n));});let o=[];e.forEach(i=>{this.cache.has(i)&&o.push(this.cache.get(i));});let r=`/* Zuz Generated CSS */
|
|
4
|
+
|
|
5
|
+
${o.join(`
|
|
6
|
+
`)}`;u.existsSync(dirname(t))||u.mkdirSync(dirname(t)),u.writeFileSync(t,r);}},Y=new h;export{g as a,_ as b,A as c,$ as d,U as e,R as f,W as g,Y as h};
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
'use strict';var core=require('@zuzjs/core'),h=require('fs'),z=require('hashids'),path=require('path');function _interopDefault(e){return e&&e.__esModule?e:{default:e}}var h__default=/*#__PURE__*/_interopDefault(h);var z__default=/*#__PURE__*/_interopDefault(z);/* ZuzJS UI CLI */
|
|
2
|
+
var v=()=>typeof document>"u"?new URL(`file:${__filename}`).href:document.currentScript&&document.currentScript.tagName.toUpperCase()==="SCRIPT"?document.currentScript.src:new URL("main.js",document.baseURI).href,u=v();var g={alignContent:"align-content",alignItems:"align-items",alignSelf:"align-self",animation:"animation",animationDelay:"animation-delay",animationDirection:"animation-direction",animationDuration:"animation-duration",animationFillMode:"animation-fill-mode",animationIterationCount:"animation-iteration-count",animationName:"animation-name",animationPlayState:"animation-play-state",animationTimingFunction:"animation-timing-function",background:"background",bg:"background",backgroundColor:"background-color",backgroundImage:"background-image",bgi:"background-image",bgc:"background-color",backgroundOrigin:"background-origin",backgroundPosition:"background-position",backgroundRepeat:"background-repeat",backgroundSize:"background-size",backfaceVisibility:"backface-visibility",backgroundAttachment:"background-attachment",backgroundBlendMode:"background-blend-mode",backgroundClip:"background-clip","bg-clip":"background-clip",border:"border",borderBottom:"border-bottom",borderBottomColor:"border-bottom-color",borderBottomStyle:"border-bottom-style",borderBottomWidth:"border-bottom-width",borderCollapse:"border-collapse",borderColor:"border-color",borderImage:"border-image",borderImageOutset:"border-image-outset",borderImageRepeat:"border-image-repeat",borderImageSlice:"border-image-slice",borderImageSource:"border-image-source",borderImageWidth:"border-image-width",borderLeft:"border-left",borderLeftColor:"border-left-color",borderLeftStyle:"border-left-style",borderLeftWidth:"border-left-width",borderRight:"border-right",borderRightColor:"border-right-color",borderRightStyle:"border-right-style",borderRightWidth:"border-right-width",borderSpacing:"border-spacing",borderStyle:"border-style",borderTop:"border-top",borderTopColor:"border-top-color",borderTopStyle:"border-top-style",borderTopWidth:"border-top-width",borderWidth:"border-width",borderRadius:"border-radius",r:"border-radius",radius:"border-radius",borderTopLeftRadius:"border-top-left-radius",rtl:"border-top-left-radius",borderTopRightRadius:"border-top-right-radius",rtr:"border-top-right-radius",borderBottomLeftRadius:"border-bottom-left-radius",rbl:"border-bottom-left-radius",borderBottomRightRadius:"border-bottom-right-radius",rbr:"border-bottom-right-radius",bottom:"bottom",boxDecorationBreak:"box-decoration-break",boxShadow:"box-shadow",shadow:"box-shadow",boxSizing:"box-sizing",captionSide:"caption-side",caretColor:"caret-color","@charset":"@charset",clear:"clear",clip:"clip-path",clipPath:"clip-path",color:"color",c:"color",columnCount:"column-count",columnFill:"column-fill",columnGap:"column-gap",colGap:"column-gap",columnRule:"column-rule",columnRuleColor:"column-rule-color",columnRuleStyle:"column-rule-style",columnRuleWidth:"column-rule-width",columnSpan:"column-span",columnWidth:"column-width",columns:"columns",content:"content",counterIncrement:"counter-increment",counterReset:"counter-reset",cursor:"cursor",pointer:"pointer",direction:"direction",display:"display",emptyCells:"empty-cells",filter:"filter",flex:"flex",flexBasis:"flex-basis",flexDirection:"flex-direction",flexDir:"flex-direction",flexFlow:"flex-flow",flexGrow:"flex-grow",flexShrink:"flex-shrink",shrink:"flex-shrink",flexWrap:"flex-wrap",float:"float",font:"font",fontFamily:"font-family",fontKerning:"font-kerning",s:"font-size",fontSize:"font-size",fontSizeAdjust:"font-size-adjust",fontStretch:"font-stretch",fontStyle:"font-style",fontVariant:"font-variant",bold:"bold",fontWeight:"font-weight",b:"font-weight",gap:"gap",grid:"grid",gridArea:"grid-area",gridAutoColumns:"grid-auto-columns",gridAutoFlow:"grid-auto-flow",gridAutoRows:"grid-auto-rows",gridColumn:"grid-column",gridColumnEnd:"grid-column-end",gridColumnGap:"grid-column-gap",gridColumnStart:"grid-column-start",gridGap:"grid-gap",gridRow:"grid-row",gridRowEnd:"grid-row-end",gridRowGap:"grid-row-gap",gridRowStart:"grid-row-start",gridTemplate:"grid-template",gridTemplateAreas:"grid-template-areas","grid-areas":"grid-template-areas",gridTemplateColumns:"grid-template-columns","grid-cols":"grid-template-columns",gridTemplateRows:"grid-template-rows","grid-rows":"grid-template-rows",hangingPunctuation:"hanging-punctuation",hyphens:"hyphens",isolation:"isolation",justifyContent:"justify-content",left:"left",letterSpacing:"letter-spacing",lineHeight:"line-height",lh:"line-height",listStyle:"list-style",listStyleImage:"list-style-image",listStylePosition:"list-style-position",listStyleType:"list-style-type",aspectRatio:"aspect-ratio",margin:"margin",m:"margin",marginBottom:"margin-bottom",mb:"margin-bottom",marginLeft:"margin-left",ml:"margin-left",marginRight:"margin-right",mr:"margin-right",marginTop:"margin-top",mt:"margin-top",height:"height",h:"height",minHeight:"min-height",minH:"min-height",maxHeight:"max-height",maxH:"max-height",width:"width",w:"width",minWidth:"min-width",minW:"min-width",maxWidth:"max-width",maxW:"max-width",mixBlendMode:"mix-blend-mode",objectFit:"object-fit",objectPosition:"object-position",opacity:"opacity",order:"order",outline:"outline",outlineColor:"outline-color",outlineOffset:"outline-offset",outlineStyle:"outline-style",outlineWidth:"outline-width",overflow:"overflow",overflowX:"overflow-x",overflowY:"overflow-y",padding:"padding",p:"padding",paddingBottom:"padding-bottom",pb:"padding-bottom",paddingLeft:"padding-left",pl:"padding-left",paddingRight:"padding-right",pr:"padding-right",paddingTop:"padding-top",pt:"padding-top",pageBreakAfter:"page-break-after",pageBreakBefore:"page-break-before",pageBreakInside:"page-break-inside",perspective:"perspective",perspectiveOrigin:"perspective-origin",pointerEvents:"pointer-events",position:"position",quotes:"quotes",resize:"resize",right:"right",scrollBehavior:"scroll-behavior",tabSize:"tab-size",tableLayout:"table-layout",align:"text-align",textAlign:"text-align",textAlignLast:"text-align-last",textDecoration:"text-decoration",td:"text-decoration",textDecorationColor:"text-decoration-color",textDecorationLine:"text-decoration-line",textDecorationStyle:"text-decoration-style",textIndent:"text-indent",textJustify:"text-justify",textOverflow:"text-overflow",textShadow:"text-shadow",textTransform:"text-transform",textStroke:"-webkit-text-stroke",top:"top",transform:"transform","transform(2D)":"transform(2D)",transformOrigin:"transform-origin",origin:"transform-origin",transformStyle:"transform-style",transition:"transition",transitionDelay:"transition-delay",transitionDuration:"transition-duration",transitionProperty:"transition-property",transitionTimingFunction:"transition-timing-function",unicodeBidi:"unicode-bidi",userSelect:"user-select",verticalAlign:"vertical-align",visibility:"visibility",whiteSpace:"white-space",wordBreak:"word-break",wordSpacing:"word-spacing",textWrap:"textWrap",wordWrap:"word-wrap",writingMode:"writing-mode",zIndex:"z-index",backdropFilter:"backdrop-filter",placeItems:"place-items",placeContent:"place-content",corner:"corner-shape",ph:"padding-left:__VALUE__;padding-right:__VALUE__;",pv:"padding-top:__VALUE__;padding-bottom:__VALUE__;",mh:"margin-left:__VALUE__;margin-right:__VALUE__;",mv:"margin-top:__VALUE__;margin-bottom:__VALUE__;",translate:"translate: __VALUE__;",translateX:"translate: __VALUE__ 0px 0px;",translateY:"translate: 0px __VALUE__ 0px;",translateZ:"translate: 0px 0px __VALUE__;",x:"translate: __VALUE__ 0px 0px;",y:"translate: 0px __VALUE__ 0px;",z:"translate: 0px 0px __VALUE__;",rotate:"rotate: __VALUE__;",rotateX:"rotate: 1 0 0 __VALUE__;",rotateY:"rotate: 0 1 0 __VALUE__;",rotateZ:"rotate: 0 0 1 __VALUE__;",rotate3d:"rotate: 1 1 1 __VALUE__;",scale:"scale: __VALUE__;",view:"perspective: __VALUE__;",anim:"transition: all __VALUE__ __CURVE__ __DELAY__;",blur:"filter: blur(__VALUE__);",saturate:"filter: saturate(__VALUE__);",brightness:"filter: brightness(__VALUE__);",ratio:"aspect-ratio: __VALUE__;",extend:"@extend __VALUE__;"},x={content:"content:'';",bold:"font-weight: bold;",grid:"display:grid;",flex:"display:flex;",wrap:"flex-wrap:wrap;",cols:"flex-direction:column;","cols-reverse":"flex-direction:column-reverse;","cols-rev":"flex-direction:column-reverse;",ass:"align-self:flex-start;",ais:"align-items:flex-start;",aib:"align-items:baseline;",aic:"align-items:center;","align-items-center":"align-items:center;",aie:"align-items:flex-end;",jcs:"justify-content:flex-start;",jcc:"justify-content:center;",jce:"justify-content:flex-end;",jcb:"justify-content:space-between;",jca:"justify-content:space-around;",pis:"place-items:start",pie:"place-items:end",pic:"place-items:center",pist:"place-items:stretch",pcs:"place-content:start",pcc:"place-content:center",pce:"place-content:end",pcst:"place-content:stretch",tal:"text-align: left;",tac:"text-align: center;",tar:"text-align: right;",tas:"text-align: justify;",fill:"top: 0px;left: 0px;right: 0px;bottom: 0px;",rel:"position:relative;",abs:"position:absolute;",fixed:"position:fixed;",sticky:"position:sticky;",abc:"top:50%;left:50%;--abc-x:-50%;--abc-y:-50%;translate:calc(var(--abc-x) + var(--fx-x, 0px)) calc(var(--abc-y) + var(--fx-y, 0px));",tdn:"text-decoration:none;",tdu:"text-decoration:underline;",nous:"user-select:none;",nope:"pointer-events:none;","3d":"transform-style: preserve-3d;",hide:"display: none;",block:"display: block;",inlineblock:"display: inline-block;","center-h":"left: 50%;--abc-x: -50%;translate: calc(var(--abc-x) + var(--fx-x, 0px)) var(--fx-y, 0px);","center-x":"left: 50%;--abc-x: -50%;translate: calc(var(--abc-x) + var(--fx-x, 0px)) var(--fx-y, 0px);","center-v":"top: 50%;--abc-y: -50%;translate: var(--fx-x, 0px) calc(var(--abc-y) + var(--fx-y, 0px));","center-y":"top: 50%;--abc-y: -50%;translate: var(--fx-x, 0px) calc(var(--abc-y) + var(--fx-y, 0px));","no-overflow":"overflow: hidden;","no-overflow-x":"overflow-x: hidden;","no-overflow-y":"overflow-y: hidden;","overflow-x":"overflow-x: auto;","overflow-y":"overflow-y: auto;","scroll-x":"overflow-x: auto;","scroll-y":"overflow-y: auto;","space-pre":"white-space: pre;","white-space-pre":"white-space: pre;","text-wrap":"width: 98%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;","text-clip":"color: transparent;background-clip: text;-webkit-background-clip: text;","word-break":"word-break: break-word;",uppercase:"text-transform: uppercase;",lowercase:"text-transform: lowercase;",capitalize:"text-transform: capitalize;"},_=["color","bg","background","background-color","border","border-color","border-top-color","border-right-color","border-bottom-color","border-left-color","outline-color","text-decoration-color","text-shadow","box-shadow","fill","stroke","stop-color","caret-color","column-rule-color","text-emphasis-color","accent-color","border-block-color","border-inline-color","column-fill","marker","scrollbar-color","outline-offset-color","backgroundColor","borderColor","borderTopColor","borderRightColor","borderBottomColor","borderLeftColor","outlineColor","textDecorationColor","textShadow","boxShadow","fill","stroke","stopColor","caretColor","columnRuleColor","textEmphasisColor","accentColor","borderBlockColor","borderInlineColor","columnFill","marker","scrollbarColor","outlineOffsetColor"],y={ease:"ease",in:"ease-in",out:"ease-out",inout:"ease-in-out",linear:"linear",start:"step-start",end:"step-end",steps:"steps",cubic:"cubic-bezier",initial:"initial",inherit:"inherit"};var $=["translate","translateX","translateY","translateZ","scale","scaleX","scaleY","scaleZ","rotate","rotateX","rotateY","rotateZ","skew","skewX","skewY","perspective","matrix","matrix3d"];var L={w:"width",minW:"minWidth",maxW:"maxWidth",h:"height",minH:"minHeight",maxH:"maxHeight",x:"translateX",y:"translateY",z:"translateZ",r:"rotate",rx:"rotateX",ry:"rotateY",rz:"rotateZ",s:"scale",sx:"scaleX",sy:"scaleY",sz:"scaleZ"};var w={name:"@zuzjs/ui"};var V=w.name,W=(p,t=[])=>{let e=["as",...t],o={...p};return Object.keys(o).map(r=>{r in g&&delete o[r];}),"skeleton"in e&&e.skeleton.enabled==true&&delete o.children,e.map(r=>r in o&&delete o[r]),o},M=p=>{let t=[],e="",o=0;for(let r=0;r<p.length;r++){let i=p[r];(i==="["||i==="(")&&o++,(i==="]"||i===")")&&o--,/\s/.test(i)&&o===0?(e.trim()&&t.push(e.trim()),e=""):e+=i;}return e.trim()&&t.push(e.trim()),t};var f=class{propMap=g;directMap=x;colorProps=new Set(_);animationCurves=y;delimeter=",";hashids;mediaQueries={ph:"(max-width: 599px)",sm:"(min-width: 600px) and (max-width: 767px)",md:"(min-width: 768px)",lg:"(min-width: 992px)",xl:"(min-width: 1200px)"};__SALT="zuzjs-ui";fileMap=new Map;cache=new Map;ruleTracker=new Map;dollorToVarRegexp=/\$([a-zA-Z0-9_-]+)/g;constructor(){this.hashids=new z__default.default(this.__SALT,5);}parseAndGenerate(t,e){let o=this.tokenize(t),r=[];this.fileMap.has(e)||this.fileMap.set(e,new Set);for(let i of o){let n=this.generateAtomicClass(i);r.push(n),this.fileMap.get(e).add(n);}return r}tokenize(t){let e=[],o=0,r=i=>{let n="",a=0;for(;o<t.length;){let s=t[o];if(s==="["&&a++,s==="]"&&a--,s==="("&&a===0){let l=n.trim(),c={...i};l.startsWith("&")?c.pseudo=l.replace("&",""):l.startsWith("@")?c.media=l.replace("@",""):c.selector=i.selector?`${i.selector} ${l}`:l,n="",o++,r(c);}else if(s===")"&&a===0){n.trim()&&this.pushToken(e,n.trim(),i),n="";return}else (s===" "||s===`
|
|
3
|
+
`)&&a===0?(n.trim()&&this.pushToken(e,n.trim(),i),n=""):n+=s;o++;}n.trim()&&this.pushToken(e,n.trim(),i);};return r({}),e}pushToken(t,e,o){let r=e.trim();if(r.includes(":")){let i=r.indexOf(":"),n=r.slice(0,i).trim(),a=r.slice(i+1).trim();t.push({prop:n.trim(),value:a.trim(),...o});}else this.directMap[r]?t.push({prop:r,value:void 0,isCustom:false,...o}):t.push({prop:e.trim(),isCustom:true,...o});}generateAtomicClass(t){let{prop:e,value:o,pseudo:r,media:i,selector:n,isCustom:a}=t;if(a)return e;let s="";if(!o&&this.directMap[e])s=this.directMap[e];else {let d=this.propMap[e]||e;s=d.includes("__")?this.resolveComplexTemplate(e,o||"",d):`${d}: ${this.processValue(e,o||"")};`;}let l=`${s}|${r||""}|${i||""}|${n||""}`;if(this.ruleTracker.has(l))return this.ruleTracker.get(l);let c=`z${l.charAt(0)}${this.generateHash(l)}`,m=`${`.${c}${r?`:${r}`:""}${n?` ${n}`:""}`} { ${s} }`;return i&&i.split(" ").forEach(d=>{d==="dark"?m=`[color-scheme="dark"] ${m}`:this.mediaQueries[d]&&(m=`@media ${this.mediaQueries[d]} { ${m} }`);}),this.cache.set(c,m),this.ruleTracker.set(l,c),c}resolveComplexTemplate(t,e,o){let r=e.split(this.delimeter),i=o;if(t==="anim"){let[n,a,s]=r;i=i.replace("__VALUE__",this.processValue("transitionDuration",n||"0s")).replace("__CURVE__",this.animationCurves[a]||"ease-in-out").replace("__DELAY__",this.processValue("transitionDelay",s||"0s"));}else if(t==="rotate3d"){let[n,a,s,l]=r;i=i.replace("__X__",n||"0").replace("__Y__",a||"0").replace("__Z__",s||"0").replace("__A__",l?isNaN(Number(l))?l:`${l}deg`:"0deg");}return i.replace(/__VALUE__/g,this.processValue(t,r[0]||""))}transformBrackets(t){return t.replace(/\[/g,"(").replace(/\]/g,")").replace(this.dollorToVarRegexp,"var(--$1)")}addUnitsSafely(t,e){return ["opacity","zIndex","flex","b","font-weight","fontWeight","lineHeight","scale","ratio","aspectRatio","aspect-ratio","shrink","flex-shrink","flexShrink"].includes(t)?e:/^-?\d*\.?\d+$/.test(e)?`${e}${t=="rotate"?"deg":"px"}`:e.replace(/(?<=^|[\s\+\-\*\/\(\,])(-?\d*\.?\d+)(?=$|[\s\+\-\*\/\)\,])/g,(r,i,n,a)=>a.substring(0,n).trim().endsWith("repeat(")?r:`${r}px`)}processValue(t,e){let o=false;e.endsWith("!")&&(o=true,e=e.slice(0,-1));let r="";if(e.trim()=="full")r="100%";else if(e.trim()=="half")r="50%";else if(this.propMap[t]&&["xs","sm","md","lg","xl","xxl"].includes(e.trim())){let i=this.propMap[t],n={"border-radius":"radius","line-height":"lh","font-size":"text"};r=`var(--${i in n?n[i]:i}-${e.trim()})`;}else if(e.includes("[")||e.includes("]")){let i=this.transformBrackets(e),[n]=e.split("[");["rgba","rgb"].includes(n)?r=i:r=this.addUnitsSafely(t,i);}else e.includes(",")?r=e.split(",").map(i=>this.processValue(t,i.trim())).join(" "):/^-?\d*\.?\d+$/.test(e)?r=this.addUnitsSafely(t,e):core.isColor(e)?r=this.makeColor(e):e.startsWith("gradient")||e.startsWith("linear-gradient")||e.startsWith("radial-gradient")?r=this.parseGradient(e):r=e.replace(this.dollorToVarRegexp,"var(--$1)");return o?`${r} !important`:r}addUnitsToComplexValue(t,e){if(["opacity","zIndex","flex","b","fontWeight","lineHeight","shrink","flex-shrink","flexShrink"].includes(t))return e;try{return String(e).replace(/(\d+)(?![%a-zA-Z!])/g,"$1px")}catch{return e}}makeColor(t){return t.charAt(0)=="#"&&(t=t.substring(1)),t.charAt(0)=="$"?`var(--${t.replace("$","")})`:/^#[0-9A-F]{6}[0-9a-f]{0,2}$/i.test(`#${t}`)||/^#([0-9A-F]{3}){1,2}$/i.test(`#${t}`)?`#${t}`:t.includes("rgb")||t.includes("rgba")?t.replace(/\[/g,"(").replace(/\]/g,")"):t.trim()}parseGradient(t){t.startsWith("gradient")&&(t=`linear-${t}`);let[e,o,r,i,...n]=t.split("-"),a=t,s=/^[+-]?\d+(\.\d+)?$/.test(i)?`${i}deg`:`to ${i}`,l=n.reduce((c,b)=>(c.push(this.makeColor(b)),c),[]).join(", ");switch(e){case "linear":a=`linear-gradient(${s}, ${l})`;break;case "radial":break;default:a=t;break}return a}generateHash(t,e=6){let o=5381;for(let i=0;i<t.length;i++)o=(o<<5)+o+t.charCodeAt(i);return (o>>>0&1048575).toString(36).padStart(e,"0")}getStyleSheet(){return Array.from(this.cache.values()).join(`
|
|
4
|
+
`)}getCache(){return this.cache}clearFileCache(t){this.fileMap.delete(t);}writeToDisk(t){let e=new Set;this.fileMap.forEach(i=>{i.forEach(n=>e.add(n));});let o=[];e.forEach(i=>{this.cache.has(i)&&o.push(this.cache.get(i));});let r=`/* Zuz Generated CSS */
|
|
5
|
+
|
|
6
|
+
${o.join(`
|
|
7
|
+
`)}`;h__default.default.existsSync(path.dirname(t))||h__default.default.mkdirSync(path.dirname(t)),h__default.default.writeFileSync(t,r);}},X=new f;exports.a=u;exports.b=g;exports.c=x;exports.d=$;exports.e=L;exports.f=V;exports.g=W;exports.h=M;exports.i=X;
|
package/dist/css/styles.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
:root{--red-50: #fef2f2;--red-100: #fee2e2;--red-200: #fecaca;--red-300: #fca5a5;--red-400: #f87171;--red-500: #ef4444;--red-600: #dc2626;--red-700: #b91c1c;--red-800: #991b1b;--red-900: #7f1d1d;--green-50: #e8f5e9;--green-100: #c8e6c9;--green-200: #a5d6a7;--green-300: #81c784;--green-400: #66bb6a;--green-500: #4caf50;--green-600: #43a047;--green-700: #388e3c;--green-800: #2e7d32;--green-900: #1b5e20;--blue-50: #e3f2fd;--blue-100: #bbdefb;--blue-200: #90caf9;--blue-300: #64b5f6;--blue-400: #42a5f5;--blue-500: #2196f3;--blue-600: #1e88e5;--blue-700: #1976d2;--blue-800: #1565c0;--blue-900: #0d47a1;--yellow-50: #fffde7;--yellow-100: #fff9c4;--yellow-200: #fff59d;--yellow-300: #fff176;--yellow-400: #ffee58;--yellow-500: #ffeb3b;--yellow-600: #fdd835;--yellow-700: #fbc02d;--yellow-800: #f9a825;--yellow-900: #f57f17;--purple-50: #f3e5f5;--purple-100: #e1bee7;--purple-200: #ce93d8;--purple-300: #ba68c8;--purple-400: #ab47bc;--purple-500: #9c27b0;--purple-600: #8e24aa;--purple-700: #7b1fa2;--purple-800: #6a1b9a;--purple-900: #4a148c;--orange-50: #fff3e0;--orange-100: #ffe0b2;--orange-200: #ffcc80;--orange-300: #ffb74d;--orange-400: #ffa726;--orange-500: #ff9800;--orange-600: #fb8c00;--orange-700: #f57c00;--orange-800: #ef6c00;--orange-900: #e65100;--white-50: rgb(255, 255, 255);--white-100: rgba(255, 255, 255, 0.1);--white-200: rgba(255, 255, 255, 0.2);--white-300: rgba(255, 255, 255, 0.3);--white-400: rgba(255, 255, 255, 0.4);--white-500: rgba(255, 255, 255, 0.5);--white-600: rgba(255, 255, 255, 0.6);--white-700: rgba(255, 255, 255, 0.7);--white-800: rgba(255, 255, 255, 0.8);--white-900: rgba(255, 255, 255, 0.9);--gray-50: #fafafa;--gray-100: #f5f5f5;--gray-200: #eeeeee;--gray-300: #e0e0e0;--gray-400: #bdbdbd;--gray-500: #9e9e9e;--gray-600: #757575;--gray-700: #616161;--gray-800: #424242;--gray-900: #212121;--black-50: #f7f7f7;--black-100: #e1e1e1;--black-200: #cfcfcf;--black-300: #b1b1b1;--black-400: #9e9e9e;--black-500: #7e7e7e;--black-600: #626262;--black-700: #515151;--black-800: #3b3b3b;--black-900: #222222;--black-1000: #000000;--pink-50: #fce4ec;--pink-100: #f8bbd0;--pink-200: #f48fb1;--pink-300: #f06292;--pink-400: #ec407a;--pink-500: #e91e63;--pink-600: #d81b60;--pink-700: #c2185b;--pink-800: #ad1457;--pink-900: #880e4f;--teal-50: #e0f2f1;--teal-100: #b2dfdb;--teal-200: #80cbc4;--teal-300: #4db6ac;--teal-400: #26a69a;--teal-500: #009688;--teal-600: #00897b;--teal-700: #00796b;--teal-800: #00695c;--teal-900: #004d40;--cyan-50: #e0f7fa;--cyan-100: #b2ebf2;--cyan-200: #80deea;--cyan-300: #4dd0e1;--cyan-400: #26c6da;--cyan-500: #00bcd4;--cyan-600: #00acc1;--cyan-700: #0097a7;--cyan-800: #00838f;--cyan-900: #006064;--lime-50: #f9fbe7;--lime-100: #f0f4c3;--lime-200: #e6ee9c;--lime-300: #dce775;--lime-400: #d4e157;--lime-500: #cddc39;--lime-600: #c0ca33;--lime-700: #afb42b;--lime-800: #9e9d24;--lime-900: #827717;--amber-50: #fff8e1;--amber-100: #ffecb3;--amber-200: #ffe082;--amber-300: #ffd54f;--amber-400: #ffca28;--amber-500: #ffc107;--amber-600: #ffb300;--amber-700: #ffa000;--amber-800: #ff8f00;--amber-900: #ff6f00;--brown-50: #efebe9;--brown-100: #d7ccc8;--brown-200: #bcaaa4;--brown-300: #a1887f;--brown-400: #8d6e63;--brown-500: #795548;--brown-600: #6d4c41;--brown-700: #5d4037;--brown-800: #4e342e;--brown-900: #3e2723;--indigo-50: #e8eaf6;--indigo-100: #c5cae9;--indigo-200: #9fa8da;--indigo-300: #7986cb;--indigo-400: #5c6bc0;--indigo-500: #3f51b5;--indigo-600: #3949ab;--indigo-700: #303f9f;--indigo-800: #283593;--indigo-900: #1a237e;--slate-50: #eceff1;--slate-100: #cfd8dc;--slate-200: #b0bec5;--slate-300: #90a4ae;--slate-400: #78909c;--slate-500: #607d8b;--slate-600: #546e7a;--slate-700: #455a64;--slate-800: #37474f;--slate-900: #263238;--manatee-50: #f8f9fb;--manatee-100: #f0f2f5;--manatee-200: #e5e9ef;--manatee-300: #d8dfe7;--manatee-400: #ccd5df;--manatee-500: #c5ccd7;--manatee-600: #a8b3c4;--manatee-700: #8a98ac;--manatee-800: #6e7e95;--manatee-900: #4f617a;--manatee-950: #3a4a63}@keyframes shimmering{0%{transform:translateX(-100%) rotate(var(--shimmer-angle))}20%{transform:translateX(100%) rotate(var(--shimmer-angle))}100%{transform:translateX(100%) rotate(var(--shimmer-angle))}}@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}@keyframes spinnerWave{0%{opacity:.2;transform:scale(1)}10%{opacity:1;transform:scale(1.75)}20%{opacity:.2;transform:scale(1)}100%{opacity:.2;transform:scale(1)}}@keyframes breath{0%{opacity:.5}50%{opacity:1}100%{opacity:.5}}@keyframes textshimmer{0%{background-position:-120% 0}50%,100%{background-position:120% 0}}:root{--basic: ease;--back: linear( 0, -0.0077 5.2%, -0.0452 16.98%, -0.0493 22.35%, -0.0418 25.57%, -0.0258 28.57%, -0.0007 31.42%, 0.0335 34.15%, 0.1242 39.03%, 0.2505 43.65%, 0.3844 47.35%, 0.656 53.68%, 0.81 58.37%, 0.9282 63.52%, 0.9719 66.23%, 1.0055 69.04%, 1.0255 71.4%, 1.0396 73.87%, 1.0477 76.48%, 1.05 79.27%, 1.0419 84.36%, 1.0059 95.49%, 1 );--expo: linear( 0, 0.0053 17.18%, 0.0195 26.59%, 0.0326 30.31%, 0.0506 33.48%, 0.0744 36.25%, 0.1046 38.71%, 0.1798 42.62%, 0.2846 45.93%, 0.3991 48.37%, 0.6358 52.29%, 0.765 55.45%, 0.8622 59.3%, 0.8986 61.51%, 0.9279 63.97%, 0.9481 66.34%, 0.9641 69.01%, 0.9856 75.57%, 0.9957 84.37%, 1 );--sine: linear( 0, 0.007 5.35%, 0.0282 10.75%, 0.0638 16.26%, 0.1144 21.96%, 0.1833 28.16%, 0.2717 34.9%, 0.6868 62.19%, 0.775 68.54%, 0.8457 74.3%, 0.9141 81.07%, 0.9621 87.52%, 0.9905 93.8%, 1 );--power: linear( 0, 0.0012 14.95%, 0.0089 22.36%, 0.0297 28.43%, 0.0668 33.43%, 0.0979 36.08%, 0.1363 38.55%, 0.2373 43.07%, 0.3675 47.01%, 0.5984 52.15%, 0.7121 55.23%, 0.8192 59.21%, 0.898 63.62%, 0.9297 66.23%, 0.9546 69.06%, 0.9733 72.17%, 0.9864 75.67%, 0.9982 83.73%, 1 );--circ: linear( -0, 0.0033 5.75%, 0.0132 11.43%, 0.0296 16.95%, 0.0522 22.25%, 0.0808 27.25%, 0.1149 31.89%, 0.1542 36.11%, 0.1981 39.85%, 0.2779 44.79%, 0.3654 48.15%, 0.4422 49.66%, 0.5807 50.66%, 0.6769 53.24%, 0.7253 55.37%, 0.7714 58.01%, 0.8142 61.11%, 0.8536 64.65%, 0.9158 72.23%, 0.9619 80.87%, 0.9904 90.25%, 1 );--bounce: linear( 0, 0.0039, 0.0157, 0.0352, 0.0625 9.09%, 0.1407, 0.25, 0.3908, 0.5625, 0.7654, 1, 0.8907, 0.8125 45.45%, 0.7852, 0.7657, 0.7539, 0.75, 0.7539, 0.7657, 0.7852, 0.8125 63.64%, 0.8905, 1 72.73%, 0.9727, 0.9532, 0.9414, 0.9375, 0.9414, 0.9531, 0.9726, 1, 0.9883, 0.9844, 0.9883, 1 );--elastic: linear( 0, 0.0009 8.51%, -0.0047 19.22%, 0.0016 22.39%, 0.023 27.81%, 0.0237 30.08%, 0.0144 31.81%, -0.0051 33.48%, -0.1116 39.25%, -0.1181 40.59%, -0.1058 41.79%, -0.0455, 0.0701 45.34%, 0.9702 55.19%, 1.0696 56.97%, 1.0987 57.88%, 1.1146 58.82%, 1.1181 59.83%, 1.1092 60.95%, 1.0057 66.48%, 0.986 68.14%, 0.9765 69.84%, 0.9769 72.16%, 0.9984 77.61%, 1.0047 80.79%, 0.9991 91.48%, 1 );--ease: var(--back);--spring: cubic-bezier(0.2, -0.36, 0, 1.46);--liquid: cubic-bezier(0.175, 0.885, 0.32, 2.2)}:root{--accordion: #fff;--accordion-label: #111;--accordion-radius: 5px;--accordion-border: 1px #ddd solid;--accordion-head: #fff;--accordion-head-hover: #f1f1f1;--accordion-head-padding: 10px;--accordion-head-font-size: 16px;--accordion-head-font-weight: normal;--accordion-head-arrow-size: 18px;--accordion-head-arrow: #111;--accordion-detail-padding: 10px;--accordion-detail-font-size: 15px}.--accordion{background:var(--accordion);border:var(--accordion-border);border-radius:var(--accordion-radius);overflow:hidden}.--accordion .--toggle{border:0px;background:var(--accordion-head);padding:var(--accordion-head-padding);border-radius:var(--accordian-radius);flex:1;width:100%}.--accordion .--toggle .--label{flex:1;color:var(--accordion-label);font-size:var(--accordion-head-font-size);font-weight:var(--accordion-head-font-weight)}.--accordion .--toggle .--arrow{width:var(--accordion-head-arrow-size)}.--accordion .--toggle .--arrow svg path{fill:var(--accordion-head-arrow)}.--accordion .--toggle:hover{background:var(--accordion-head-hover)}.--accordion .--detail{padding:var(--accordion-detail-padding);font-size:var(--accordion-detail-font-size)}body{--tip-s: 0;--actionbar: #fff;--actionbar-radius: 50px;--actionbar-padding: 2px;--actionbar-shadow: 0px 0px 0px 1px #ccc, 0px 0px 8px #c0b0b0;--actionbar-gap: 2px;--actionbar-action-size: 40px;--actionbar-action: transparent;--actionbar-action-color: #111;--actionbar-action-hover: #ddd;--actionbar-action-selected: #eee;--actionbar-action-border: 0px;--actionbar-action-padding: 6px;--actionbar-action-radius: 20px;--actionbar-action-icon-size: 18px;--actionbar-tooltip: #111;--actionbar-tooltip-padding: 2px 0px;--actionbar-tooltip-radius: 10px;--actionbar-tooltip-color: #fff;--actionbar-tooltip-speed: 0.05s;--actionbar-tooltip-track-speed: 0.3s}.--actionbar{background:var(--actionbar);border-radius:var(--actionbar-radius);padding:var(--actionbar-padding);box-shadow:var(--actionbar-shadow);gap:var(--actionbar-gap)}.--actionbar.--bottom{position:fixed;left:50%;transform:translateX(-50%);bottom:20px}.--actionbar .--action{color:var(--actionbar-action-color);width:var(--actionbar-action-size);height:var(--actionbar-action-size);background:var(--actionbar-action);border:var(--actionbar-action-border);padding:var(--actionbar-action-padding);border-radius:var(--actionbar-action-radius);flex:1}.--actionbar .--action svg{width:100%;height:100%}.--actionbar .--action img{width:100%;height:100%}.--actionbar .--action .--icon{font-size:var(--actionbar-action-icon-size)}.--actionbar .--action:hover{background:var(--actionbar-action-hover)}.--actionbar .--action.--selected{background:var(--actionbar-action-selected)}.--actionbar .--tip{--tip-width: calc( var(--tip-w) * 1ch + 6px );translate:calc(-50% + var(--tip-x)*1px) calc(-50% + var(--tip-y)*1px);bottom:60px;background:var(--actionbar-tooltip);padding:var(--actionbar-tooltip-padding);border-radius:var(--actionbar-tooltip-radius);color:var(--actionbar-tooltip-color);scale:var(--tip-s);transform-origin:center;width:var(--tip-width);transition:all var(--actionbar-tooltip-speed) linear 0s;overflow:hidden}.--actionbar .--tip .--track{width:calc(var(--tip-width)*var(--tip-l));translate:calc(var(--tip-m)*var(--tip-width)*-1) 0px;transition:all var(--actionbar-tooltip-track-speed) var(--spring) 0s}.--actionbar .--tip .--track .--lb{text-align:center;width:var(--tip-width)}body{--alert-error: #ffd4d4;--alert-error-color: #ae1313;--alert-info: #bee3f8;--alert-info-color: #2b6cb0;--alert-warning: #feebc8;--alert-warning-color: #c05621;--alert-success: #c6f6d5;--alert-success-color: #2f855a;--alert-padding: 12px;--alert-radius: 10px;--alert-gap: 10px}.--alert{padding:var(--alert-padding);border-radius:var(--alert-radius);gap:var(--alert-gap)}.--alert .--icon{width:20px;height:20px}.--alert .--meta{gap:2px}.--alert .--meta .--title.--tm{font-weight:bold}.--alert.--info{background:var(--alert-info);color:var(--alert-info-color)}.--alert.--info path{fill:var(--alert-info-color)}.--alert.--warning{background:var(--alert-warning);color:var(--alert-warning-color)}.--alert.--warning path{fill:var(--alert-warning-color)}.--alert.--error{background:var(--alert-error);color:var(--alert-error-color)}.--alert.--error path{fill:var(--alert-error-color)}.--alert.--success{background:var(--alert-success);color:var(--alert-success-color)}.--alert.--success path{fill:var(--alert-success-color)}:root{--autocomplete-arrow: #111;--autocomplete-arrow-size-sm: 40px;--autocomplete-arrow-size-md: 24px;--autocomplete-arrow-size-lg: 30px;--autocomplete-item-hover: #d4d4d4}.--autocomplete{width:100%;background:var(--input);z-index:2}.--autocomplete .--arrow svg{fill:var(--autocomplete-arrow)}.--autocomplete.--sm{border-radius:var(--input-radius-sm)}.--autocomplete.--sm .--suggestion-list{border-radius:var(--input-radius-sm)}.--autocomplete.--sm .--arrow{width:var(--autocomplete-arrow-size-sm)}.--autocomplete.--sm .--arrow svg{width:calc(var(--autocomplete-arrow-size-sm)/2.5)}.--autocomplete.--sm .--input{width:calc(100% - var(--autocomplete-arrow-size-sm))}.--autocomplete.--md{border-radius:var(--input-radius-md)}.--autocomplete.--md .--suggestion-list{border-radius:var(--input-radius-md)}.--autocomplete.--md .--arrow{width:var(--autocomplete-arrow-size-md)}.--autocomplete.--md .--arrow svg{width:calc(var(--autocomplete-arrow-size-md)/2.5)}.--autocomplete.--md .--input{width:calc(100% - var(--autocomplete-arrow-size-md))}.--autocomplete.--lg{border-radius:var(--input-radius-lg)}.--autocomplete.--lg .--suggestion-list{border-radius:var(--input-radius-lg)}.--autocomplete.--lg .--arrow{width:var(--autocomplete-arrow-size-lg)}.--autocomplete.--lg .--arrow svg{width:calc(var(--autocomplete-arrow-size-lg)/2.5)}.--autocomplete.--lg .--input{width:calc(100% - var(--autocomplete-arrow-size-lg))}.--autocomplete .--suggestion-list{left:0px;right:0px;background:var(--input);z-index:2;padding:8px 0px;overflow-x:hidden}.--autocomplete .--suggestion-list li{cursor:pointer}.--autocomplete .--suggestion-list li:hover{background:var(--autocomplete-item-hover)}.--autocomplete .--suggestion-list li.--current{background:var(--autocomplete-item-hover)}:root{--avatar-bg: #fff}.--avatar{overflow:hidden;min-width:var(--avatar-size);min-height:var(--avatar-size);max-width:var(--avatar-size);max-height:var(--avatar-size)}.--avatar.--circle{border-radius:50%;corner-shape:round !important}.--avatar.--circle img{border-radius:50%}.--avatar.--square{corner-shape:squircle !important;border-radius:calc(var(--avatar-size)*2)}.--avatar.--square img{border-radius:calc(var(--avatar-size)*2)}.--avatar.--xs{--avatar-size: 24px}.--avatar.--sm{--avatar-size: 30px}.--avatar.--md{--avatar-size: 48px}.--avatar.--lg{--avatar-size: 72px}.--avatar.--xl{--avatar-size: 96px}.--avatar .--avatar-label{color:#fff;font-size:14px;font-weight:700}body{--badge-success: var(--green-500);--badge-error: var(--red-500);--badge-idle: var(--orange-500);--badge-dead: var(--text-primary);--badge-opacity: 0.5;--badge-multiplier: 4px}.--badge.--xs{--badge-text-size: var(--text-xs);--badge-radius: var(--radius-xs)}.--badge.--xs .--label{font-size:var(--text-xs);padding:var(--padding-xs)}.--badge.--sm{--badge-text-size: var(--text-sm);--badge-radius: var(--radius-sm)}.--badge.--sm .--label{font-size:var(--text-sm);padding:var(--padding-sm)}.--badge.--md{--badge-text-size: var(--text-md);--badge-radius: var(--radius-md)}.--badge.--md .--label{font-size:var(--text-md);padding:var(--padding-md)}.--badge.--lg{--badge-text-size: var(--text-lg);--badge-radius: var(--radius-lg)}.--badge.--lg .--label{font-size:var(--text-lg);padding:var(--padding-lg)}.--badge.--xl{--badge-text-size: var(--text-xl);--badge-radius: var(--radius-xl)}.--badge.--xl .--label{font-size:var(--text-xl);padding:var(--padding-xl)}.--badge.--xll{--badge-text-size: var(--text-xll);--badge-radius: var(--radius-xll)}.--badge.--xll .--label{font-size:var(--text-xll);padding:var(--padding-xll)}.--badge:has(.--dot){min-width:calc(var(--badge-size)*var(--badge-multiplier));min-height:calc(var(--badge-size)*var(--badge-multiplier));max-width:calc(var(--badge-size)*var(--badge-multiplier));max-height:calc(var(--badge-size)*var(--badge-multiplier))}.--badge:has(.--label){border-radius:var(--badge-radius)}.--badge:has(.--label).--success{background:var(--badge-success)}.--badge:has(.--label).--error{background:var(--badge-error)}.--badge:has(.--label).--idle{background:var(--badge-idle)}.--badge:has(.--label).--dead{background:var(--badge-dead)}.--badge .--dot{--badge-corner: round;--badge-radius: 50%;corner-shape:var(--badge-corner) !important;border-radius:var(--badge-radius);min-width:calc(var(--badge-size)*1px);min-height:calc(var(--badge-size)*1px);max-width:calc(var(--badge-size)*1px);max-height:calc(var(--badge-size)*1px)}.--badge .--dot.--success{background:var(--badge-success)}.--badge .--dot.--error{background:var(--badge-error)}.--badge .--dot.--idle{background:var(--badge-idle)}.--badge .--dot.--dead{background:var(--badge-dead);opacity:var(--badge-opacity)}.--badge .--label{color:#fff}body{--button: var(--primary, var(--red-700));--button-hover: var(--primary-hover, var(--red-800));--button-border: 0px;--button-color: white;--button-disabled: var(--gray-200);--button-disabled-color: var(--gray-400);--button-gap-xs: 4px;--button-gap-sm: 6px;--button-gap-md: 8px;--button-gap-lg: 10px;--button-gap-xl: 10px;--button-ghost-hover: var(--surface)}.--button{width:fit-content}.--button.--xs{padding:var(--padding-xs);font-size:var(--text-xs);border-radius:var(--radius-xs);gap:var(--button-gap-xs)}.--button.--sm{padding:var(--padding-sm);font-size:var(--text-sm);border-radius:var(--radius-sm);gap:var(--button-gap-sm)}.--button.--md{padding:var(--padding-md);font-size:var(--text-md);border-radius:var(--radius-md);gap:var(--button-gap-md)}.--button.--lg{padding:var(--padding-lg);font-size:var(--text-lg);border-radius:var(--radius-lg);gap:var(--button-gap-lg)}.--button.--xl{padding:var(--padding-xl);font-size:var(--text-xl);border-radius:var(--radius-xl);gap:var(--button-gap-xl)}.--button{border:var(--button-border);background:var(--button);color:var(--button-color);white-space:pre;cursor:pointer}.--button:hover{background:var(--button-hover)}.--button:not(.--skeleton):disabled{background:var(--button-disabled);color:var(--button-disabled-color);cursor:auto !important}.--button.--plain{background:rgba(0,0,0,0) !important;padding:0px !important;color:var(--text-primary) !important}.--button.--plain:hover{background:rgba(0,0,0,0) !important}.--button.--ghost{background:rgba(0,0,0,0) !important;color:var(--text-primary) !important}.--button.--ghost:hover{background:var(--button-ghost-hover) !important}:root{--calendar: var(--gray-200);--calendar-selector: #fff;--calendar-selected-day-bg: var(--blue-700);--calendar-selected-day-color: #fff;--calendar-current-day-bg: #fff;--calendar-current-day-color: var(--text);--calendar-radius-lg: 6px;--calendar-radius-md: 4px;--calendar-radius-sm: 2px;--calendar-padding-lg: 16px;--calendar-padding-md: 12px;--calendar-padding-sm: 8px;--calendar-font-size-lg: 18px;--calendar-font-size-md: 16px;--calendar-font-size-sm: 15px}.--calendar{background-color:var(--calendar);corner-shape:squircle;overflow:hidden;border:1px var(--calendar-selector) solid}.--calendar.--lg{border-radius:var(--calendar-radius-lg);font-size:var(--calendar-font-size-lg)}.--calendar.--lg .--calendar-quick-select{padding:var(--calendar-padding-lg)}.--calendar.--lg .--calendar-quick-select .--button{border-radius:var(--calendar-radius-lg)}.--calendar.--lg .--calendar-selector{padding:var(--calendar-padding-lg)}.--calendar.--lg .--calendar-selector .--calendar-head .--calendar-cm{padding-left:var(--calendar-padding-lg)}.--calendar.--lg .--calendar-selector .--calendar-head .--button{border-radius:var(--calendar-radius-lg)}.--calendar.--lg .--calendar-day{border-radius:var(--calendar-radius-lg)}.--calendar.--md{border-radius:var(--calendar-radius-md);font-size:var(--calendar-font-size-md)}.--calendar.--md .--calendar-quick-select{padding:var(--calendar-padding-md)}.--calendar.--md .--calendar-quick-select .--button{border-radius:var(--calendar-radius-md)}.--calendar.--md .--calendar-selector{padding:var(--calendar-padding-md)}.--calendar.--md .--calendar-selector .--calendar-head .--calendar-cm{padding-left:var(--calendar-padding-md)}.--calendar.--md .--calendar-selector .--calendar-head .--button{border-radius:var(--calendar-radius-md)}.--calendar.--md .--calendar-day{border-radius:var(--calendar-radius-md)}.--calendar.--sm{border-radius:var(--calendar-radius-sm);font-size:var(--calendar-font-size-sm)}.--calendar.--sm .--calendar-quick-select{padding:var(--calendar-padding-sm)}.--calendar.--sm .--calendar-quick-select .--button{border-radius:var(--calendar-radius-sm)}.--calendar.--sm .--calendar-selector{padding:var(--calendar-padding-sm)}.--calendar.--sm .--calendar-selector .--calendar-head .--calendar-cm{padding-left:var(--calendar-padding-sm)}.--calendar.--sm .--calendar-selector .--calendar-head .--button{border-radius:var(--calendar-radius-sm)}.--calendar.--sm .--calendar-day{border-radius:var(--calendar-radius-sm)}.--calendar .--calendar-quick-select{width:220px}.--calendar .--calendar-quick-select .--button{background:rgba(0,0,0,0) !important;color:var(--text);text-align:left !important;padding:8px 12px !important}.--calendar .--calendar-quick-select .--button:hover{background:var(--calendar-selector) !important}.--calendar .--calendar-selector{width:275px;background:var(--calendar-selector)}.--calendar .--calendar-selector .--calendar-head .--button{background:rgba(0,0,0,0) !important;color:var(--text);padding:2px !important}.--calendar .--calendar-selector .--calendar-head .--button.--calendar-chevron{width:30px;height:30px}.--calendar .--calendar-selector .--calendar-head .--button.--calendar-chevron svg{width:100%}.--calendar .--calendar-selector .--calendar-head .--button:hover{background:var(--calendar) !important}.--calendar .--calendar-selector .--calendar-days{display:grid;grid-template-columns:repeat(7, 1fr);padding:8px 0px;align-items:stretch;flex:1}.--calendar .--calendar-selector .--calendar-days .--calendar-day{text-align:center;color:var(--text);background:rgba(0,0,0,0) !important;color:var(--text);padding:2px !important;corner-shape:squircle}.--calendar .--calendar-selector .--calendar-days .--calendar-day:not(.--calendar-dd){font-weight:600}.--calendar .--calendar-selector .--calendar-days .--calendar-day:is(button):hover{background:var(--calendar) !important}.--calendar .--calendar-selector .--calendar-days .--calendar-day:is(button):disabled{opacity:.35;cursor:auto !important}.--calendar .--calendar-selector .--calendar-days .--calendar-day:is(button):disabled:hover{background:rgba(0,0,0,0) !important}.--calendar .--calendar-selector .--calendar-days .--calendar-day.--calendar-dd-selected{background:var(--calendar-selected-day-bg) !important;color:var(--calendar-selected-day-color) !important}.--calendar .--calendar-selector .--calendar-days .--calendar-day.--calendar-dd-selected:hover{background:var(--calendar-selected-day-bg) !important;color:var(--calendar-selected-day-color) !important}.--calendar .--calendar-selector .--calendar-days .--calendar-day.--calendar-dd-current:not(.--calendar-dd-selected){background:var(--calendar-current-day-bg) !important;color:var(--calendar-current-day-color) !important}:root{--bubble-me: var(--green-800);--bubble-you: var(--gray-800);--bubble-text-color: #fff;--bubble-me-text-color: var(--bubble-text-color);--bubble-you-text-color: var(--bubble-text-color);--bubble-padding: 4px 10px;--bubble-audio-padding: var(--bubble-padding);--bubble-image-padding: 4px;--bubble-radius: 10px;--bubble-text-size: 14px;--bubble-stamp-size: 11px;--bubble-arrow-size: 8px;--bubble-tick-size: 16px;--bubble-tick-color: rgba(255, 255, 255, 0.5);--bubble-tick-read-color: #77ff4a;--bubble-duration-text-size: var(--bubble-stamp-size);--bubble-max-size: 200px}.--bubble-wrapper.--bw-me{align-items:flex-end;justify-content:flex-end}.--bubble-wrapper .--bubble{width:fit-content;border-radius:var(--bubble-radius)}.--bubble-wrapper .--bubble:not(.--with-media){padding:var(--bubble-padding)}.--bubble-wrapper .--bubble.--bma-audio{padding:var(--bubble-audio-padding)}.--bubble-wrapper .--bubble.--bma-img{padding:var(--bubble-image-padding)}.--bubble-wrapper .--bubble.--bubble-me{background:var(--bubble-me)}.--bubble-wrapper .--bubble.--bubble-me.--b-arrow:before{border-top-color:var(--bubble-me);right:calc(var(--bubble-arrow-size)*-1)}.--bubble-wrapper .--bubble.--bubble-me .--bubble-text{color:var(--bubble-me-text-color)}.--bubble-wrapper .--bubble.--bubble-you{background:var(--bubble-you)}.--bubble-wrapper .--bubble.--bubble-you.--b-arrow:before{border-top-color:var(--bubble-you);left:calc(var(--bubble-arrow-size)*-1)}.--bubble-wrapper .--bubble.--bubble-you .--bubble-text{color:var(--bubble-you-text-color)}.--bubble-wrapper .--bubble .--bubble-text{font-size:var(--bubble-text-size);color:var(--bubble-text-color)}.--bubble-wrapper .--bubble .--bubble-stamp{font-size:var(--bubble-stamp-size)}.--bubble-wrapper .--bubble.--b-arrow:before{content:"";width:0px;height:0px;border-width:var(--bubble-arrow-size);border-color:rgba(0,0,0,0);border-style:solid;position:absolute;z-index:1;top:0px}.--bubble-wrapper .--bubble .--bubble-stats{gap:6px}.--bubble-wrapper .--bubble .--bubble-stats .--bubble-status{width:calc(var(--bubble-tick-size));line-height:.65}.--bubble-wrapper .--bubble .--bubble-stats .--bubble-status svg{fill:var(--bubble-tick-color)}.--bubble-wrapper .--bubble .--bubble-stats .--bubble-status.--bs-3 svg{fill:var(--bubble-tick-read-color)}.--bubble-wrapper .--bubble .--bubble-audio{gap:10px;min-width:var(--bubble-max-size)}.--bubble-wrapper .--bubble .--bubble-audio .--bm-action{width:36px;line-height:.6}.--bubble-wrapper .--bubble .--bubble-audio .--bm-action svg{fill:var(--bubble-text-color)}.--bubble-wrapper .--bubble .--bubble-audio .--bm-dur{font-size:var(--bubble-duration-text-size)}.--bubble-wrapper .--bubble .--bubble-image{max-width:var(--bubble-max-size)}.--bubble-wrapper .--bubble .--bubble-image img{width:100%;border-radius:var(--bubble-radius)}:root{--checkbox-check-color: #fff;--checkbox-check-size: 13px;--checkbox-size: 20px;--checkbox-radius: 6px;--checkbox-checked: rgb(46, 161, 42);--checkbox-unchecked: rgb(203, 203, 203);--checkbox-thumb: #fff;--checkbox-thumb-shadow: #000;--checkbox-thumb-shadow-size: 2px}.--checkbox{height:var(--checkbox-size);width:var(--checkbox-size);cursor:pointer;border:1px var(--checkbox-unchecked) solid;border-radius:var(--checkbox-radius);overflow:hidden;background-color:var(--checkbox-unchecked)}.--checkbox input[type=checkbox]{z-index:0;opacity:0}.--checkbox:before{font-size:var(--checkbox-check-size);color:var(--checkbox-check-color);opacity:0}.--checkbox.is-checked{background-color:var(--checkbox-checked);border:1px var(--checkbox-checked) solid}.--checkbox.is-checked:before{opacity:1}.--checkbox.is-checked svg{fill:var(--checkbox-check-color)}.--checkbox svg{fill:var(--checkbox-unchecked)}body{--codeblock-font: monospace}pre{overflow-x:auto;margin:15px 0px}code{font-family:var(--codeblock-font, monospace) !important;font-optical-sizing:auto;font-style:normal}.--code-block{background-color:#1e1e1e;padding:.5rem;--line-num-width: 40px;white-space:pre;line-height:1.6;tab-size:4;color:#fff}.--code-block code.--code{font-size:inherit;letter-spacing:inherit;border-radius:inherit;border-width:inherit;background:inherit;color:inherit;white-space:inherit;padding:inherit}.--code-line{display:flex;width:100%;padding:0 4px;border-left:3px solid rgba(0,0,0,0);font-family:var(--codeblock-font, monospace) !important}.--code-line.--with-ln:hover{background-color:#2a2a2a}.--code-line.--is-highlighted{background:var(--shade-2);border-left-color:var(--primary);width:fit-content;min-width:100%}.--line-number{width:var(--line-num-width);flex-shrink:0;opacity:.3;user-select:none;font-size:.85em}.--line-content{white-space:pre;font-family:var(--codeblock-font, monospace) !important}.--token-key{color:var(--pink-300);font-weight:600}.--token-tag{color:var(--green-300);font-weight:500}.--token-var{color:#db9aff}.--token-str{color:var(--blue-200)}.--token-comm{color:var(--gray-500);font-style:italic}.--token-fn{color:var(--blue-500)}.--token-prop{color:var(--orange-500)}.--token-num{color:var(--purple-500)}.--token-fn{color:var(--blue-600);font-style:italic}.--code-block::-webkit-scrollbar{height:4px;width:4px}.--code-block::-webkit-scrollbar-thumb{background:var(--shade-3);border-radius:10px}body{--color-scheme-border: 1px var(--border-primary) solid;--color-scheme-size-sm: 30px;--color-scheme-size-md: 35px;--color-scheme-size-lg: 36px;--color-scheme-padding-sm: 4px;--color-scheme-padding-md: 6px;--color-scheme-padding-lg: 2px;--color-scheme: var(--surface);--color-scheme-active: var(--slate-100);--color-scheme-hover: var(--surface-hover);--color-scheme-icon: var(--text-primary);--color-scheme-radius: 50px}.--segmented.--color-scheme{--segment-item-padding-sm: 0px;--segmented-radius-sm: 20px;--segmented-border: var(--color-scheme-border);--segmented: var(--color-scheme);--segment-tab: var(--color-scheme-active);width:100px}.--segmented.--color-scheme.--sm{height:var(--color-scheme-size-sm)}.--segmented.--color-scheme.--md{height:var(--color-scheme-size-md)}.--segmented.--color-scheme.--lg{height:var(--color-scheme-size-lg)}.--color-scheme-switch{border:var(--color-scheme-border);background:var(--color-scheme);border-radius:var(--color-scheme-radius) !important}.--color-scheme-switch:active{background:var(--color-scheme-active)}.--color-scheme-switch:hover{background:var(--color-scheme-hover)}.--color-scheme-switch.--sm{width:var(--color-scheme-size-sm);height:var(--color-scheme-size-sm);padding:var(--color-scheme-padding-sm)}.--color-scheme-switch.--md{width:var(--color-scheme-size-md);height:var(--color-scheme-size-md);padding:var(--color-scheme-padding-md)}.--color-scheme-switch.--lg{width:var(--color-scheme-size-lg);height:var(--color-scheme-size-lg);padding:var(--color-scheme-padding-lg)}.--color-scheme-switch svg circle,.--color-scheme-switch svg path,.--color-scheme-switch svg rect{stroke:var(--color-scheme-icon);fill:var(--color-scheme-icon)}body{--context: #fff;--context-border: 0px;--context-radius: 10px;--context-padding: 10px;--context-shadow-a: 0px 0px 1px #bbbbbb;--context-shadow-b: 0px 1px 2px #eee;--context-seperator: #eee;--context-seperator-height: 1px;--context-seperator-margin: 3px 6px;--context-item: #fff;--context-item-color: #111;--context-item-width: 220px;--context-item-padding: 6px 10px;--context-item-gap: 10px;--context-item-font-size: 14px;--context-item-radius: 5px;--context-item-icon-size: 18px;--context-item-hover: #f1f1f1;--context-arrow-size: 10px;--context-arrow-x: 20px}.--contextmenu{z-index:var(--max-z-index);background:var(--context);border-radius:var(--context-radius);padding:var(--context-padding);filter:drop-shadow(var(--context-shadow-a)) drop-shadow(var(--context-shadow-b));pointer-events:auto !important;top:calc(var(--max-z-index)*-1px);left:calc(var(--max-z-index)*-1px);opacity:0}.--contextmenu:after{content:"";position:absolute;width:var(--context-arrow-size);height:var(--context-arrow-size);background:inherit;transform:rotate(45deg);z-index:-1;border-radius:calc(var(--context-arrow-size)/4)}.--contextmenu.--has-arrow::after{top:calc(var(--context-arrow-size)/2*-1)}.--contextmenu.--arrow-bottom::after{bottom:calc(var(--context-arrow-size)/2*-1);top:auto}.--contextmenu.--arrow-left::after{left:var(--context-arrow-x)}.--contextmenu.--arrow-right::after{right:var(--context-arrow-x)}.--contextmenu.--arrow-center::after{left:50%;margin-left:-8px}.--contextmenu .--line{height:var(--context-seperator-height);background:var(--context-seperator);margin:var(--context-seperator-margin)}.--contextmenu .--item{min-width:var(--context-item-width);width:100%;padding:var(--context-item-padding);gap:var(--context-item-gap);cursor:pointer;font-size:var(--context-item-font-size);border-radius:var(--context-item-radius);background:var(--context-item);border:0px;color:var(--context-item-color)}.--contextmenu .--item .--icon{width:var(--context-item-icon-size);height:var(--context-item-icon-size)}.--contextmenu .--item .--icon .--ico{font-size:var(--context-item-icon-size)}.--contextmenu .--item .--label{color:var(--context-item-color)}.--contextmenu .--item:hover{background:var(--context-item-hover)}body{--cover-bg: rgba(255,255,255,0.8);--cover-label: #111}.--cover{backdrop-filter:blur(4px);z-index:99999;gap:15px;pointer-events:auto}.--cover .label{font-size:14px;animation:breath 1s linear infinite}:root{--cropper-border: 3px #333 solid}.--cropper canvas{cursor:move;border:var(--cropper-border);margin-bottom:10px}.--cropper.--circle canvas{border-radius:50%}.--cropper .--cropper-slider{width:250px;margin:15px auto 0px auto}body{--crumb-padding: 6px 2px;--crumb-item-gap: 5px;--crumb-item-color: var(--text-primary);--crumb-item-hover: var(--text-primary-hover);--crumb-item-hover-color: #fff;--crumb-item-radius: 6px;--crumb-item-padding: 2px 5px}.--crumb{gap:var(--crumb-gap)}.--crumb li{padding:var(--crumb-padding) !important}.--crumb .--crumb-item{background:rgba(0,0,0,0);color:var(--crumb-item-color);gap:var(--crumb-item-gap);padding:var(--crumb-item-padding);border-radius:var(--crumb-item-radius)}.--crumb .--crumb-item{--button-disabled-color: var(--gray-500) !important}.--crumb .--crumb-item:hover{background:var(--crumb-item-hover);color:var(--crumb-item-hover-color)}.--crumb .--crumb-item:disabled{background:rgba(0,0,0,0) !important;pointer-events:none}.--crumb .--crumb-chevron{width:20px;line-height:0}.--crumb .--crumb-chevron svg{fill:var(--text-primary)}.--crumb .--list-seperator{padding:0px !important}:root{--datepicker: var(--gray-200);--datepicker-border: 0px;--datepicker-color: var(--black-900);--datepicker-padding-lg: 16px;--datepicker-font-size-lg: 18px;--datepicker-radius-lg: 6px;--datepicker-iconsize-lg: 30px;--datepicker-padding-md: 12px;--datepicker-font-size-md: 16px;--datepicker-radius-md: 4px;--datepicker-iconsize-md: 24px;--datepicker-padding-sm: 8px;--datepicker-font-size-sm: 15px;--datepicker-radius-sm: 2px;--datepicker-iconsize-sm: 20px}.--date-picker{background:var(--datepicker);corner-shape:squircle}.--date-picker.--lg{padding:0px var(--datepicker-padding-lg);font-size:var(--datepicker-font-size-lg);border-radius:var(--datepicker-radius-lg)}.--date-picker.--lg .--date-picker-icon{width:var(--datepicker-iconsize-lg);height:var(--datepicker-iconsize-lg)}.--date-picker.--md{padding:0px var(--datepicker-padding-md);font-size:var(--datepicker-font-size-md);border-radius:var(--datepicker-radius-md)}.--date-picker.--md .--date-picker-icon{width:var(--datepicker-iconsize-md);height:var(--datepicker-iconsize-md)}.--date-picker.--sm{padding:0px var(--datepicker-padding-sm);font-size:var(--datepicker-font-size-sm);border-radius:var(--datepicker-radius-sm)}.--date-picker.--sm .--date-picker-icon{width:var(--datepicker-iconsize-sm);height:var(--datepicker-iconsize-sm)}.--date-picker .--date-picker-icon svg{width:100%}.--date-picker .--input{background:rgba(0,0,0,0) !important;border:none !important;corner-shape:squircle}.--date-picker-chooser{position:absolute;z-index:1;background:var(--datepicker)}.--date-picker-chooser.--sm{border-radius:var(--datepicker-radius-sm)}.--date-picker-chooser.--sm .--button{font-size:var(--datepicker-font-size-sm) !important}body{--dialog-bg: var(--surface);--dialog-shadow: var(--zuz-shadow);--dialog-radius: 10px;--dialog-min-width: 300px;--dialog-head-padding: var(--padding-lg-x);--dialog-title-position: center;--dialog-title-opacity: 0.75;--dialog-title-font-size: 16px;--dialog-closer-size: 24px;--dialog-closer-bg: var(--background);--dialog-closer-color: var(--text-primary);--dialog-closer-hover: rgba(255,255,255,0.2);--dialog-closer-opacity: 0.75;--dialog-closer-hover-opacity: 1;--dialog-closer-radius: 50%;--dialog-body: var(--dialog-bg);--dialog-body-padding: var(--padding-xl-x);--dialog-footer: var(--background);--dialog-footer-padding: 10px;--dialog-action: var(--background);--dialog-action-color: #fff;--dialog-action-hover: var(--background-hover);--dialog-action-radius: 7px;--dialog-action-padding: 7px 20px;--dialog-action-font-size: 16px;--dialog-action-font-weight: bold}[color-scheme=dark] body{--dialog-closer-hover: rgba(255,255,255,0.2);--dialog-shadow: 0px 0px 0px 1px #1a1a1a, 0px 0px 6px #000000}.--dialog{z-index:var(--max-z-index);min-width:var(--dialog-min-width);pointer-events:auto !important}.--dialog.--dialog{background:var(--dialog-bg);border-radius:var(--dialog-radius);box-shadow:var(--dialog-shadow);transform-origin:center !important}.--dialog .--cover{border-radius:var(--dialog-radius)}.--dialog .--cover.fillx{top:-40px !important;bottom:-70px !important}.--dialog .--head{padding:var(--dialog-head-padding)}.--dialog .--head .--title{flex:1;font-size:var(--dialog-title-font-size);opacity:var(--dialog-title-opacity);text-align:var(--dialog-title-position);padding:0px 45px}.--dialog .--head .--closer{width:var(--dialog-closer-size);height:var(--dialog-closer-size);cursor:pointer;opacity:var(--dialog-closer-opacity);background:var(--dialog-closer-bg);border:0px;line-height:0;padding:3px;font-weight:normal;border-radius:var(--dialog-closer-radius);right:var(--padding-lg-x)}.--dialog .--head .--closer svg{fill:var(--dialog-closer-color)}.--dialog .--head .--closer:hover{background:var(--dialog-closer-hover);opacity:var(--dialog-closer-hover-opacity)}.--dialog .--body{background:var(--dialog-body);padding:var(--dialog-body-padding)}.--dialog .--body.--no-action{border-radius:0px 0px var(--dialog-radius) var(--dialog-radius)}.--dialog .--footer{padding:var(--dialog-footer-padding);background:var(--dialog-footer);border-radius:0px 0px var(--dialog-radius) var(--dialog-radius)}.--dialog .--footer .--action{background:var(--dialog-action);color:var(--dialog-action-color);border-radius:var(--dialog-action-radius);padding:var(--dialog-action-padding);font-size:var(--dialog-action-font-size);font-weight:var(--dialog-action-font-weight);border:0px}.--dialog .--footer .--action:hover{background:var(--dialog-action-hover)}body{--drawer-color: var(--surface);--drawer-handle-color: var(--muted);--drawer-radius-v: 0px;--drawer-radius-h: 0px;--drawer-shadow: var(--zuz-shadow)}.drawer-h,.--drawer.--right,.--drawer.--left{min-width:320px;max-width:90vw;top:calc(0px + var(--m));bottom:calc(0px + var(--m));border-radius:var(--drawer-radius-h)}.drawer-v,.--drawer.--bottom,.--drawer.--top{min-height:10vh;max-height:90vh;left:calc(0px + var(--m));right:calc(0px + var(--m));border-radius:var(--drawer-radius-v)}.--drawer{background:var(--drawer-color);border:var(--drawer-border);box-shadow:var(--drawer-shadow);z-index:var(--max-z-index);overflow-x:hidden;overflow-y:auto;will-change:transform,opacity;pointer-events:auto !important}.--drawer.--left{left:calc(0px + var(--m))}.--drawer.--right{right:calc(0px + var(--m))}.--drawer.--top{top:calc(0px + var(--m))}.--drawer.--bottom{bottom:calc(0px + var(--m))}.--drawer .--handle{width:100px;height:6px;border-radius:10px;background:var(--drawer-handle-color);margin:12px auto 0px auto}:root{--fab-icon-color: #fff;--fab-position: 30px}.--fab{z-index:var(--max-z-index);border-radius:50% !important}.--fab svg path{fill:var(--fab-icon-color)}.--fab.--sm{width:40px;height:40px;padding:20px}.--fab.--md{width:50px;height:50px;padding:15px}.--fab.--lg{width:60px;height:60px;padding:20px}.--fab.--bottomright{bottom:var(--fab-position);right:var(--fab-position)}.--fab.--bottomleft{bottom:var(--fab-position);left:var(--fab-position)}.--fab.--topright{top:var(--fab-position);right:var(--fab-position)}.--fab.--topleft{top:var(--fab-position);left:var(--fab-position)}body{--input: var(--gray-200);--input-border: 1px var(--border-primary) solid;--input-color: var(--text-primary)}input[type=date]::-webkit-calendar-picker-indicator{color:var(--text-primary)}[color-scheme=dark] body{--input: var(--gray-800)}.--input.--lg{padding:var(--padding-lg);font-size:var(--text-lg);border-radius:var(--radius-lg)}.--input.--md{padding:var(--padding-md);font-size:var(--text-md);border-radius:var(--radius-md)}.--input.--sm{padding:var(--padding-sm);font-size:var(--text-sm);border-radius:var(--radius-sm)}.--input.--xs{padding:var(--padding-xs);font-size:var(--text-xs);border-radius:var(--radius-xs)}.--input{background:var(--input);border:var(--input-border);color:var(--input-color);width:100%}.--input.--otp{letter-spacing:1ch;font-feature-settings:"tnum";font-variant:tabular-nums;font-family:monospace;line-height:1;text-indent:1.45ch;clip-path:inset(0 1ch 0 1ch);height:2ch}body{--kbd-bg: var(--slate-400);--kbd-color: #fff;--kbd-gap-xs: 1px;--kbd-gap-sm: 2px;--kbd-gap-md: 3px;--kbd-gap-lg: 4px;--kbd-gap-xl: 5px;--kbd-gap-xxl: 6px}.--keyboard-keys{background:var(--kbd-bg);color:var(--kbd-color)}.--keyboard-keys.--xs{gap:var(--kbd-gap-xs);border-radius:var(--radius-xs);padding:calc(var(--padding-xs-x)/2) var(--padding-xs-x);font-size:var(--text-xs)}.--keyboard-keys.--sm{gap:var(--kbd-gap-sm);border-radius:var(--radius-sm);padding:calc(var(--padding-sm-x)/2) var(--padding-sm-x);font-size:var(--text-sm)}.--keyboard-keys.--md{gap:var(--kbd-gap-md);border-radius:var(--radius-md);padding:calc(var(--padding-md-x)/2) var(--padding-md-x);font-size:var(--text-md)}.--keyboard-keys.--lg{gap:var(--kbd-gap-lg);border-radius:var(--radius-lg);padding:calc(var(--padding-lg-x)/2) var(--padding-lg-x);font-size:var(--text-lg)}.--keyboard-keys.--xl{gap:var(--kbd-gap-xl);border-radius:var(--radius-xl);padding:calc(var(--padding-xl-x)/2) var(--padding-xl-x);font-size:var(--text-xl)}.--keyboard-keys.--xll{gap:var(--kbd-gap-xll);border-radius:var(--radius-xll);padding:calc(var(--padding-xll-x)/2) var(--padding-xll-x);font-size:var(--text-xll)}:root{--list-item-padding-sm: 6px 10px}.--list.--sm li{padding:var(--list-item-padding-sm)}:root{--network-manager: #111;--network-manager-color: #fff;--network-manager-radius-sm: 8px;--network-manager-radius-md: 10px;--network-manager-radius-lg: 12px;--network-manager-padding-sm: 6px 10px;--network-manager-padding-md: 8px 12px;--network-manager-padding-lg: 10px 14px;--network-manager-icon-size-sm: 18px;--network-manager-icon-size-md: 20px;--network-manager-icon-size-lg: 24px;--network-manager-font-size-sm: 14px;--network-manager-font-size-md: 16px;--network-manager-font-size-lg: 18px}.--network-manager{color:var(--network-manager-color);z-index:var(--max-z-index);bottom:50px;left:50%}.--network-manager.--online{background:var(--green-600)}.--network-manager.--offline{background:var(--red-600)}.--network-manager svg{fill:var(--network-manager-color)}.--network-manager.--sm{padding:var(--network-manager-padding-sm);border-radius:var(--network-manager-radius-sm);font-size:var(--network-manager-font-size-sm);gap:6px}.--network-manager.--sm .--ico{width:var(--network-manager-icon-size-sm);height:var(--network-manager-icon-size-sm)}.--network-manager.--md{padding:var(--network-manager-padding-md);border-radius:var(--network-manager-radius-md);font-size:var(--network-manager-font-size-md);gap:8px}.--network-manager.--md .--ico{width:var(--network-manager-icon-size-md);height:var(--network-manager-icon-size-md)}.--network-manager.--lg{padding:var(--network-manager-padding-lg);border-radius:var(--network-manager-radius-lg);font-size:var(--network-manager-font-size-lg);gap:10px}.--network-manager.--lg .--ico{width:var(--network-manager-icon-size-lg);height:var(--network-manager-icon-size-lg)}body{--overlay: rgba(255,255,255, 0.7);--overlay-blur: 5px}[color-scheme=dark] body{--overlay: rgba(0, 0, 0, 0.7)}.--overlay{background:var(--overlay);z-index:var(--max-z-index);backdrop-filter:blur(var(--overlay-blur));pointer-events:auto !important}:root{--pagination: transparent;--pagination-padding: 10px;--pagination-font-size: 15px;--pagination-current-page-bg: var(--blue-500);--pagination-current-page-color: #fff;--pagination-disabled-page-color: var(--black-300);--pagination-table-button-padding: 4px 8px;--pagination-table-button-nav-padding: 3px;--pagination-table-button-size: 35px;--pagination-table-button-border: 1px #ddd solid;--pagination-table-button-color: #111;--pagination-table-button-hover-color: #111;--pagination-table-button-bg: #fff;--pagination-table-button-hover-bg: #eee;--pagination-table-gap: 1px;--pagination-table-radius: 5px;--pagination-table-icon-size: 26px}[color-scheme=dark]{--pagination-current-page-bg: var(--blue-500);--pagination-current-page-color: #fff;--pagination-disabled-page-color: var(--white-300);--pagination-table-button-border: 1px var(--pagination-table-button-bg) solid;--pagination-table-button-color: #f9f9f9;--pagination-table-button-hover-color: #fff;--pagination-table-button-bg: #333;--pagination-table-button-hover-bg: var(--blue-500)}.--pagination{padding:var(--pagination-padding);background:var(--pagination);font-size:var(--pagination-font-size)}.--pagination .--button.--current-page{background:var(--pagination-current-page-bg) !important;color:var(--pagination-current-page-color) !important}.--pagination .--button.--current-page:disabled{pointer-events:none !important;cursor:auto !important}.--pagination .--button:disabled:not(.--current-page){pointer-events:none !important;cursor:auto !important;background:rgba(0,0,0,0) !important;color:var(--pagination-disabled-page-color) !important}.--pagination.--pgt-table .--pgt-btns{gap:var(--pagination-table-gap)}.--pagination.--pgt-table .--pgt-btns.--pgt-nav{margin-left:20px}.--pagination.--pgt-table .--pgt-btns.--pgt-nav .--button{padding:var(--pagination-table-button-nav-padding)}.--pagination.--pgt-table .--button{min-width:var(--pagination-table-button-size);height:var(--pagination-table-button-size);font-size:var(--pagination-font-size);border:var(--pagination-table-button-border);background:var(--pagination-table-button-bg);color:var(--pagination-table-button-color);padding:var(--pagination-table-button-padding)}.--pagination.--pgt-table .--button:hover{background:var(--pagination-table-button-hover-bg);color:var(--pagination-table-button-hover-color)}.--pagination.--pgt-table .--button:hover svg{fill:var(--pagination-table-button-hover-color)}.--pagination.--pgt-table .--button:first-child{border-radius:var(--pagination-table-radius) 0px 0px var(--pagination-table-radius)}.--pagination.--pgt-table .--button:last-child{border-radius:0px var(--pagination-table-radius) var(--pagination-table-radius) 0px}.--pagination.--pgt-table .--button svg{fill:var(--pagination-table-button-color);width:var(--pagination-table-icon-size)}.--pagination.--pgt-table .--button.--current-page{border:1px var(--pagination-current-page-bg) solid !important}.--pagination.--pgt-table .--button:disabled svg{opacity:.4}body{--password-toggle-radius: 5px;--password-toggle: transparent;--password-toggle-width: 40px;--password-toggle-border: 0px;--password-toggle-padding: 6px;--password-toggle-size: 20px;--password-toggle-color: var(--text-secondary);--password-meter-gap: 4px;--password-meter-margin: 6px 0px 0px 0px;--password-meter-bar-height: 4px;--password-meter-bar-radius: 4px;--password-meter-label-size: 12px}.--password{overflow:hidden;width:100%}.--password .--input{padding-right:45px !important}.--password .--toggle{width:var(--password-toggle-width);background:var(--password-toggle);border:var(--password-toggle-border);padding:var(--password-toggle-padding);right:2px;bottom:2px;top:2px;z-index:1;border-radius:var(--password-toggle-radius);opacity:.5}.--password .--toggle .b-label{line-height:0 !important}.--password .--toggle svg{width:var(--password-toggle-size);height:var(--password-toggle-size);transition:all .2s linear 0s}.--password .--toggle svg path{fill:var(--password-toggle-color)}.--password .--toggle:hover svg{transform:scale(1.1)}.--password-meter{gap:var(--password-meter-gap);margin:var(--password-meter-margin)}.--password-meter .--password-bars{gap:var(--password-meter-gap);flex:1}.--password-meter .--password-bars .--pbar{flex:2;height:var(--password-meter-bar-height);border-radius:var(--password-meter-bar-radius);background:var(--gray-300)}.--password-meter .--password-meter-label{flex:1;margin-left:20px;text-align:right;font-size:var(--password-meter-label-size);font-weight:bold}.--password-meter.--pb-score-0 .--password-meter-label{opacity:0}.--password-meter.--pb-score-1 .--password-bars .--pbar.--pb-on,.--password-meter.--pb-score-2 .--password-bars .--pbar.--pb-on{background:var(--red-600)}.--password-meter.--pb-score-1 .--password-meter-label,.--password-meter.--pb-score-2 .--password-meter-label{color:var(--red-600)}.--password-meter.--pb-score-3 .--password-bars .--pbar.--pb-on,.--password-meter.--pb-score-4 .--password-bars .--pbar.--pb-on{background:var(--orange-600)}.--password-meter.--pb-score-3 .--password-meter-label,.--password-meter.--pb-score-4 .--password-meter-label{color:var(--orange-600)}.--password-meter.--pb-score-5 .--password-bars .--pbar.--pb-on{background:var(--green-600)}.--password-meter.--pb-score-5 .--password-meter-label{color:var(--green-600)}:root{--pin-radius: 4px;--pin-gap: 4px;--pin-shadow: inset 0px 0px 0px 2px #111;--pin-padding: 5px}.--otp{width:100%;gap:var(--pin-gap)}.--otp .--input{text-align:center;padding:var(--pin-padding) !important}.--otp .--input:not(:last-child),.--otp .--input:not(:first-child){border-radius:0px !important}.--otp .--input:first-child{border-radius:var(--pin-radius) 0px 0px var(--pin-radius) !important}.--otp .--input:last-child{border-radius:0px var(--pin-radius) var(--pin-radius) 0px !important}.--otp .--input:focus{box-shadow:var(--pin-shadow)}:root{--progress-width: 100%;--progress-height: 6px;--progress-radius: 6px;--progress-track: #eee;--progress-bar: #111;--progress-animation: 0.3s var(--ease) 0s}.--progress{background:var(--progress-track);width:var(--progress-width);height:var(--progress-height);border-radius:var(--progress-radius);overflow:hidden}.--progress .--bar{width:0%;background:var(--progress-bar);height:var(--progress-height);border-radius:var(--progress-radius)}.--progress.--animated .--bar{transition:width var(--progress-animation)}:root{--radio-size: 16px;--radio: var(--black-900);--radio-fill: #fff;--radio-border: 1px var(--radio) solid;--radio-gap: 5px;--radio-padding: 6px}.--radio{gap:var(--radio-gap);line-height:1}.--radio input[type=radio]{z-index:0;left:0px;top:0px;opacity:0}.--radio .--dot{width:var(--radio-size);height:var(--radio-size);background:var(--radio-fill);border:var(--radio-border);border-radius:50%}.--radio .--dot .--rod{width:calc(var(--radio-size) - var(--radio-padding)*1.5);height:calc(var(--radio-size) - var(--radio-padding)*1.5);border-radius:50%}.--radio .--value{flex:1}.--radio input[type=radio]:checked~.--dot{background:var(--radio)}.--radio input[type=radio]:checked~.--dot .--rod{background:var(--radio-fill)}body{--scrollbar-track-size: 8px;--scrollbar-track: rgba(0, 0, 0, 0);--scrollbar-track-hover: rgba(0, 0, 0, 0.1);--scrollbar-thumb: rgba(0, 0, 0, 0);--scrollbar-thumb-hover: rgba(0, 0, 0, 0.5);--scrollbar-thumb-active: rgba(0, 0, 0, 1);--scrollbar-content-padding: 0px 10px 20px 0px}[color-scheme=dark] body{--scrollbar-thumb-hover: rgba(255,255,255, 0.5);--scrollbar-thumb-active: rgba(255,255,255, 1)}.--scrollview{width:100%;height:100%;overflow:hidden}.--scrollview .--scroll-content{width:100%;height:100%;padding:var(--scrollbar-content-padding);-webkit-overflow-scrolling:touch;scroll-snap-type:none;overscroll-behavior:contain;overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.--scrollview .--scroll-content::-webkit-scrollbar{display:none}.--scrollview.--scrolling .--scroll-track{background:var(--scrollbar-track-hover) !important}.--scrollview.--scrolling .--scroll-track .--scroll-thumb{background:var(--scrollbar-thumb-hover) !important}.--scrollview.--no-y .--scroll-thumb,.--scrollview.--no-x .--scroll-thumb{pointer-events:none}.--scrollview:not(.--no-y):hover .--track-y .--scroll-thumb{background:var(--scrollbar-thumb-hover)}.--scrollview:not(.--no-y) .--track-y:hover{background:var(--scrollbar-track-hover)}.--scrollview:not(.--no-y) .--track-y .--scroll-thumb{cursor:pointer}.--scrollview:not(.--no-x):hover .--track-x .--scroll-thumb{background:var(--scrollbar-thumb-hover)}.--scrollview:not(.--no-x) .--track-x:hover{background:var(--scrollbar-track-hover)}.--scrollview:not(.--no-x) .--track-x .--scroll-thumb{cursor:pointer}.--scrollview .--scroll-track{background:var(--scrollbar-track);border-radius:5px;transition:background .2s;z-index:999999999}.--scrollview .--scroll-track.--track-y{right:0;top:0;width:var(--scrollbar-track-size);height:100%}.--scrollview .--scroll-track.--track-y .--scroll-thumb{width:var(--scrollbar-track-size);top:0;pointer-events:auto}.--scrollview .--scroll-track.--track-x{right:0;bottom:0;height:var(--scrollbar-track-size);width:100%}.--scrollview .--scroll-track.--track-x .--scroll-thumb{height:var(--scrollbar-track-size);bottom:0}.--scrollview .--scroll-track .--scroll-thumb{background:var(--scrollbar-thumb);border-radius:4px;transition:background .2s}.--scrollview .--scroll-track .--scroll-thumb:hover{opacity:1}.--scrollview .--scroll-track .--scroll-thumb:active{cursor:grabbing;background:var(--scrollbar-thumb-active);opacity:1}body{--search-color: var(--gray-100);--search-send-color: #111;--search-send-bg: transparent;--search-send-border: 0px;--search-send-size-xs: 18px;--search-send-size-sm: 24px;--search-send-size-md: 30px;--search-send-size-lg: 36px;--search-send-size-xl: 42px;--search-send-size-xxl: 48px}[color-scheme=dark] body{--search-send-color: #fff;--search-color: #444}.--search{width:100%;overflow:hidden;background:var(--search-color)}.--search .--input{background:rgba(0,0,0,0) !important;color:var(--search-send-color);border:0px !important}.--search .--send{color:var(--search-send-color) !important}.--search.--xs{border-radius:var(--radius-xs)}.--search.--xs .--input{padding:var(--padding-xs-x) calc(var(--padding-xs-x)*1.5) !important;font-size:calc(var(--text-xs)*1.2) !important}.--search.--xs .--send{flex-shrink:0;width:calc(var(--search-send-size-xs)*1.65);height:100%;aspect-ratio:1/1;background:rgba(0,0,0,0)}.--search.--xs .--send svg{width:var(--search-send-size-xs);height:var(--search-send-size-xs);display:block}.--search.--xs .--keyboard-keys{right:calc(var(--search-send-size-xs)*2)}.--search.--xs.--search-rev{flex-direction:row-reverse}.--search.--xs.--search-rev .--input{padding-left:0 !important;padding-right:var(--padding-xs-x) !important}.--search.--xs.--search-rev .--keyboard-keys{right:calc(var(--padding-xs-x)*1.2)}.--search.--sm{border-radius:var(--radius-sm)}.--search.--sm .--input{padding:var(--padding-sm-x) calc(var(--padding-sm-x)*1.5) !important;font-size:calc(var(--text-sm)*1.2) !important}.--search.--sm .--send{flex-shrink:0;width:calc(var(--search-send-size-sm)*1.65);height:100%;aspect-ratio:1/1;background:rgba(0,0,0,0)}.--search.--sm .--send svg{width:var(--search-send-size-sm);height:var(--search-send-size-sm);display:block}.--search.--sm .--keyboard-keys{right:calc(var(--search-send-size-sm)*2)}.--search.--sm.--search-rev{flex-direction:row-reverse}.--search.--sm.--search-rev .--input{padding-left:0 !important;padding-right:var(--padding-sm-x) !important}.--search.--sm.--search-rev .--keyboard-keys{right:calc(var(--padding-sm-x)*1.2)}.--search.--md{border-radius:var(--radius-md)}.--search.--md .--input{padding:var(--padding-md-x) calc(var(--padding-md-x)*1.5) !important;font-size:calc(var(--text-md)*1.2) !important}.--search.--md .--send{flex-shrink:0;width:calc(var(--search-send-size-md)*1.65);height:100%;aspect-ratio:1/1;background:rgba(0,0,0,0)}.--search.--md .--send svg{width:var(--search-send-size-md);height:var(--search-send-size-md);display:block}.--search.--md .--keyboard-keys{right:calc(var(--search-send-size-md)*2)}.--search.--md.--search-rev{flex-direction:row-reverse}.--search.--md.--search-rev .--input{padding-left:0 !important;padding-right:var(--padding-md-x) !important}.--search.--md.--search-rev .--keyboard-keys{right:calc(var(--padding-md-x)*1.2)}.--search.--lg{border-radius:var(--radius-lg)}.--search.--lg .--input{padding:var(--padding-lg-x) calc(var(--padding-lg-x)*1.5) !important;font-size:calc(var(--text-lg)*1.2) !important}.--search.--lg .--send{flex-shrink:0;width:calc(var(--search-send-size-lg)*1.65);height:100%;aspect-ratio:1/1;background:rgba(0,0,0,0)}.--search.--lg .--send svg{width:var(--search-send-size-lg);height:var(--search-send-size-lg);display:block}.--search.--lg .--keyboard-keys{right:calc(var(--search-send-size-lg)*2)}.--search.--lg.--search-rev{flex-direction:row-reverse}.--search.--lg.--search-rev .--input{padding-left:0 !important;padding-right:var(--padding-lg-x) !important}.--search.--lg.--search-rev .--keyboard-keys{right:calc(var(--padding-lg-x)*1.2)}.--search.--xl{border-radius:var(--radius-xl)}.--search.--xl .--input{padding:var(--padding-xl-x) calc(var(--padding-xl-x)*1.5) !important;font-size:calc(var(--text-xl)*1.2) !important}.--search.--xl .--send{flex-shrink:0;width:calc(var(--search-send-size-xl)*1.65);height:100%;aspect-ratio:1/1;background:rgba(0,0,0,0)}.--search.--xl .--send svg{width:var(--search-send-size-xl);height:var(--search-send-size-xl);display:block}.--search.--xl .--keyboard-keys{right:calc(var(--search-send-size-xl)*2)}.--search.--xl.--search-rev{flex-direction:row-reverse}.--search.--xl.--search-rev .--input{padding-left:0 !important;padding-right:var(--padding-xl-x) !important}.--search.--xl.--search-rev .--keyboard-keys{right:calc(var(--padding-xl-x)*1.2)}.--search.--xll{border-radius:var(--radius-xll)}.--search.--xll .--input{padding:var(--padding-xll-x) calc(var(--padding-xll-x)*1.5) !important;font-size:calc(var(--text-xll)*1.2) !important}.--search.--xll .--send{flex-shrink:0;width:calc(var(--search-send-size-xll)*1.65);height:100%;aspect-ratio:1/1;background:rgba(0,0,0,0)}.--search.--xll .--send svg{width:var(--search-send-size-xll);height:var(--search-send-size-xll);display:block}.--search.--xll .--keyboard-keys{right:calc(var(--search-send-size-xll)*2)}.--search.--xll.--search-rev{flex-direction:row-reverse}.--search.--xll.--search-rev .--input{padding-left:0 !important;padding-right:var(--padding-xll-x) !important}.--search.--xll.--search-rev .--keyboard-keys{right:calc(var(--padding-xll-x)*1.2)}body{--segmented: #eee;--segmented-gap: 0px;--segmented-border: 1px #ddd solid;--segment-item: transparent;--segment-item-border: 0px;--segment-item-font-weight: normal;--segment-item-color: #999;--segment-item-hover-color: #777;--segment-item-active-color: #111;--segment-tab: #fff;--segment-tab-border: 0px;--segment-tab-bottom: 0px;--segment-tab-radius: calc(var(--segmented-radius) - var(--segmented-padding));--segmented-speed: 0.5s;--segmented-radius-sm: 8px;--segmented-padding-sm: 2px;--segment-item-gap-sm: 6px;--segmented-radius-md: 8px;--segmented-padding-md: 2px;--segment-item-gap-md: 8px;--segmented-radius-lg: 8px;--segmented-padding-lg: 2px;--segment-item-gap-lg: 10px;--segment-item-padding-sm: 5px 12px;--segment-item-font-size-sm: 15px;--segment-item-radius-sm: calc(var(--segmented-radius-sm) - var(--segmented-padding-sm));--segment-item-svg-size-sm: 18px;--segment-item-padding-md: 5px 12px;--segment-item-font-size-md: 15px;--segment-item-radius-md: calc(var(--segmented-radius-md) - var(--segmented-padding-md));--segment-item-svg-size-md: 18px;--segment-item-padding-lg: 5px 12px;--segment-item-font-size-lg: 15px;--segment-item-radius-lg: calc(var(--segmented-radius-lg) - var(--segmented-padding-lg));--segment-item-svg-size-lg: 18px}.--segmented{background:var(--segmented);border:var(--segmented-border);overflow:hidden;gap:var(--segmented-gap, 0px)}.--segmented .--segment-tab{bottom:var(--segment-tab-bottom);border:var(--segment-tab-border)}.--segmented.--sm{border-radius:var(--segmented-radius-sm);padding:var(--segmented-padding-sm)}.--segmented.--sm .--segment-item{padding:var(--segment-item-padding-sm);font-size:var(--segment-item-font-size-sm);border-radius:var(--segment-item-radius-sm);gap:var(--segment-item-gap-sm)}.--segmented.--sm .--segment-item svg{width:var(--segment-item-svg-size-sm)}.--segmented.--sm .--segment-tab{border-radius:calc(var(--segmented-radius-sm) - var(--segmented-padding-sm));transform:translateX(calc(var(--x) - var(--segmented-padding-sm)));top:var(--segmented-padding-sm)}.--segmented.--md{border-radius:var(--segmented-radius-md);padding:var(--segmented-padding-md)}.--segmented.--md .--segment-item{padding:var(--segment-item-padding-md);font-size:var(--segment-item-font-size-md);border-radius:var(--segment-item-radius-md);gap:var(--segment-item-gap-md)}.--segmented.--md .--segment-item svg{width:var(--segment-item-svg-size-md)}.--segmented.--md .--segment-tab{border-radius:calc(var(--segmented-radius-md) - var(--segmented-padding-md));transform:translateX(calc(var(--x) - var(--segmented-padding-md)));top:var(--segmented-padding-md)}.--segmented.--lg{border-radius:var(--segmented-radius-lg);padding:var(--segmented-padding-lg)}.--segmented.--lg .--segment-item{padding:var(--segment-item-padding-lg);font-size:var(--segment-item-font-size-lg);border-radius:var(--segment-item-radius-lg);gap:var(--segment-item-gap-lg)}.--segmented.--lg .--segment-item svg{width:var(--segment-item-svg-size-lg)}.--segmented.--lg .--segment-tab{border-radius:calc(var(--segmented-radius-lg) - var(--segmented-padding-lg));transform:translateX(calc(var(--x) - var(--segmented-padding-lg)));top:var(--segmented-padding-lg)}.--segmented .--segment-item{background:var(--segment-item);border:var(--segment-item-border);color:var(--segment-item-color);font-weight:var(--segment-item-font-weight);z-index:1;flex:1}.--segmented .--segment-item:disabled{background:rgba(0,0,0,0) !important}.--segmented .--segment-item:hover:not(:disabled){color:var(--segment-item-hover-color)}.--segmented .--segment-item .--segment-label{white-space:pre;transition:all var(--segmented-speed) var(--ease) 0s}.--segmented .--segment-item svg react{fill:var(--segment-item-color)}.--segmented .--segment-item svg path{fill:var(--segment-item-color)}.--segmented .--segment-item svg{fill:var(--segment-item-color)}.--segmented .--segment-item.--segment-active:not(:disabled){color:var(--segment-item-active-color)}.--segmented .--segment-item.--segment-active svg react{fill:var(--segment-item-active-color)}.--segmented .--segment-item.--segment-active svg path{fill:var(--segment-item-active-color)}.--segmented .--segment-item.--segment-active svg{fill:var(--segment-item-active-color)}.--segmented .--segment-tab:not(.--disabled){background:var(--segment-tab)}.--segmented .--segment-tab{width:var(--w);z-index:0;transition:all var(--segmented-speed) var(--ease) 0s}body{--select: var(--surface);--select-border-color: var(--border-primary);--select-border: 1px var(--select-border-color) solid;--select-z-index: 1;--select-gap: 5px;--select-arrow-width: 16px;--select-arrow-size: 16px;--select-arrow-color: var(--text-primary);--select-hover: var(--surface-hover);--select-options: var(--surface);--select-options-max-height: 400px;--select-options-top: 0.1rem;--select-options-padding: 4px;--select-option-color: var(--text-primary);--select-option-hover: var((--background));--select-option-radius: var(--select-radius);--select-selected: var(--background);--select-shadow: inherit;--select-search: #fff;--select-search-border: 1px #ddd solid;--select-search-padding: 4px 8px;--select-search-radius: 10px;--select-search-font-size: 15px;--select-search-color: var(--text-primary);--select-search-margin-bottom: 4px;--select-option-gap: 8px}.--select:not(.--expanded){width:fit-content}.--select.--xs{--select-radius: var(--radius-xs)}.--select.--xs .--selected{padding:var(--padding-xs);border-radius:var(--radius-xs);font-size:var(--text-xs)}.--select.--xs .--options-list{padding:var(--padding-xs-x);border-radius:calc(var(--radius-xs)/2)}.--select.--xs .--options-list button.--select-option-item{padding:var(--padding-xs) !important;border-radius:var(--radius-xs) !important}.--select.--sm{--select-radius: var(--radius-sm)}.--select.--sm .--selected{padding:var(--padding-sm);border-radius:var(--radius-sm);font-size:var(--text-sm)}.--select.--sm .--options-list{padding:var(--padding-sm-x);border-radius:calc(var(--radius-sm)/2)}.--select.--sm .--options-list button.--select-option-item{padding:var(--padding-sm) !important;border-radius:var(--radius-sm) !important}.--select.--md{--select-radius: var(--radius-md)}.--select.--md .--selected{padding:var(--padding-md);border-radius:var(--radius-md);font-size:var(--text-md)}.--select.--md .--options-list{padding:var(--padding-md-x);border-radius:calc(var(--radius-md)/2)}.--select.--md .--options-list button.--select-option-item{padding:var(--padding-md) !important;border-radius:var(--radius-md) !important}.--select.--lg{--select-radius: var(--radius-lg)}.--select.--lg .--selected{padding:var(--padding-lg);border-radius:var(--radius-lg);font-size:var(--text-lg)}.--select.--lg .--options-list{padding:var(--padding-lg-x);border-radius:calc(var(--radius-lg)/2)}.--select.--lg .--options-list button.--select-option-item{padding:var(--padding-lg) !important;border-radius:var(--radius-lg) !important}.--select.--xl{--select-radius: var(--radius-xl)}.--select.--xl .--selected{padding:var(--padding-xl);border-radius:var(--radius-xl);font-size:var(--text-xl)}.--select.--xl .--options-list{padding:var(--padding-xl-x);border-radius:calc(var(--radius-xl)/2)}.--select.--xl .--options-list button.--select-option-item{padding:var(--padding-xl) !important;border-radius:var(--radius-xl) !important}.--select.--xll{--select-radius: var(--radius-xll)}.--select.--xll .--selected{padding:var(--padding-xll);border-radius:var(--radius-xll);font-size:var(--text-xll)}.--select.--xll .--options-list{padding:var(--padding-xll-x);border-radius:calc(var(--radius-xll)/2)}.--select.--xll .--options-list button.--select-option-item{padding:var(--padding-xll) !important;border-radius:var(--radius-xll) !important}.--select .--selected{width:100%;gap:var(--select-gap);background:var(--select);border:var(--select-border);box-shadow:var(--select-shadow);line-height:1}.--select .--selected .--svg-arrow{color:var(--select-arrow-color)}.--select .--selected .--svg-arrow .--icon{font-size:var(--select-arrow-size)}.--select .--selected:hover{background:var(--select-hover)}.--select .--selected .--label{flex:1;text-align:left;color:var(--select-option-color)}.--select .--selected .--svg-arrow{width:var(--select-arrow-width)}.--select .--selected .--svg-arrow svg{fill:var(--select-arrow-color)}.--select .--options-list{backdrop-filter:blur(10px) saturate(0);left:0;top:calc(100% + var(--select-options-top));width:100%;max-height:var(--select-options-max-height);overflow-x:hidden;gap:2px;background:var(--select-options);box-shadow:var(--select-options-shadow);z-index:var(--max-z-index);scrollbar-color:var(--scrollbar-color)}.--select .--options-list .--select-search{margin-bottom:var(--select-search-margin-bottom);background:var(--select-search);top:0px}.--select .--options-list .--select-search .--search-input{background:inherit;border:var(--select-search-border);padding:var(--select-search-padding);border-radius:var(--select-search-radius);font-size:var(--select-search-font-size);color:var(--select-search-color)}.--select .--options-list button.--select-option-item{background:rgba(0,0,0,0);border:0px;text-align:left;color:var(--select-option-color);font-size:var(--select-text-size);white-space:pre;text-align:left !important;justify-content:flex-start;gap:var(--select-option-gap);width:100%}.--select .--options-list button.--select-option-item:hover{background:var(--select-option-hover)}.--select .--options-list button.--select-option-item.selected{background:var(--select-selected)}:root{--sheet-bg: #fff;--sheet-shadow: var(--zuz-shadow);--sheet-body: #fff;--sheet-radius: 10px;--sheet-padding: 6px 12px;--sheet-head-padding: 10px;--sheet-body-padding: 10px;--sheet-footer: #ddd;--sheet-footer-padding: 10px;--sheet-action: #222;--sheet-action-color: #fff;--sheet-action-hover: #333;--sheet-action-radius: 7px;--sheet-action-padding: 7px 20px;--sheet-action-font-size: 16px;--sheet-action-font-weight: bold;--sheet-closer-color: #111;--sheet-closer-hover: rgba(255,255,255,0.2);--sheet-closer-opacity: 0.75;--sheet-closer-hover-opacity: 1;--sheet-font-size: 15px;--sheet-title-position: center;--sheet-title-opacity: 0.75;--sheet-title-font-size: 16px;--sheet-closer-font-size: 36px;--sheet-error: #ff4747;--sheet-warn: #ffba00;--sheet-success: #23ac28}.--toast,.--sheet.--sheet-warn,.--sheet.--sheet-success,.--sheet.--sheet-error,.--sheet.--sheet-default{border-radius:var(--sheet-radius);padding:var(--sheet-padding);font-size:var(--sheet-font-size);white-space:pre}.--sheet{top:50%;left:50%;transform:translate(-50%, -50%);z-index:calc(var(--max-z-index) - 1);transform-origin:top left;transition:all .5s cubic-bezier(0.2, -0.36, 0, 1.46) 0s}.--sheet.--wobble{transform-origin:inherit !important}.--sheet.--sheet-default{background:#333;color:#fff;top:10px !important}.--sheet.--sheet-error{background:var(--sheet-error);color:#fff;top:10px}.--sheet.--sheet-success{background:var(--sheet-success);color:#fff;top:10px}.--sheet.--sheet-warn{background:var(--sheet-warn);color:#111;top:10px}.--sheet.--sheet-form{position:absolute !important}.--sheet.--sheet-dialog{background:var(--sheet-bg);border-radius:var(--sheet-radius);box-shadow:var(--sheet-shadow);transform-origin:top left !important}.--sheet.--sheet-dialog .--cover{border-radius:var(--sheet-radius)}.--sheet.--sheet-dialog .--cover.fillx{top:-40px !important;bottom:-70px !important}.--sheet .--head{padding:var(--sheet-head-padding)}.--sheet .--head .--title{flex:1;font-size:var(--sheet-title-font-size);opacity:var(--sheet-title-opacity);text-align:var(--sheet-title-position);padding:0px 45px;display:flex;align-items:center;justify-content:center}.--sheet .--head .--dot{flex:1}.--sheet .--head .--closer{width:32px;height:32px;cursor:pointer;font-size:var(--sheet-closer-font-size);color:var(--sheet-closer-color);background:rgba(0,0,0,0);border:0px;line-height:0;padding:0px;font-weight:normal;border-radius:20px;opacity:var(--sheet-closer-opacity);top:15px;right:5px;transform:translateY(-50%);font-size:var(--sheet-closer-font-size)}.--sheet .--head .--closer:hover{background:var(--sheet-closer-hover);opacity:var(--sheet-closer-hover-opacity)}.--sheet .--body{background:var(--sheet-body);padding:var(--sheet-body-padding)}.--sheet .--body.--no-action{border-radius:0px 0px var(--sheet-radius) var(--sheet-radius)}.--sheet .--footer{padding:var(--sheet-footer-padding);background:var(--sheet-footer);border-radius:0px 0px var(--sheet-radius) var(--sheet-radius)}.--sheet .--footer .--action{background:var(--sheet-action);color:var(--sheet-action-color);border-radius:var(--sheet-action-radius);padding:var(--sheet-action-padding);font-size:var(--sheet-action-font-size);font-weight:var(--sheet-action-font-weight);border:0px}.--sheet .--footer .--action:hover{background:var(--sheet-action-hover)}.--sheet.is-visible{z-index:var(--max-z-index)}body{--slider-radius: 5px;--slider-knob-size: 12px;--slider-knob-width: var(--slider-knob-size);--slider-knob-height: var(--slider-knob-size);--slider-knob-color: #fff;--slider-knob-radius: 50%;--slider-knob-border: 1px #ccc solid;--slider-knob-shadow: 0px 0px 2px #ccc;--slider-track: #fff;--slider-track-border: 1px #ddd solid;--slider-ghost: #f1f1f1;--slider-fill: #111;--slider-text: rgb(0, 98, 255);--slider-text-size: 15px;--slider-text-weight: normal;--slider-height: 6px}[color-scheme=dark] body{--slider-track: #3a3c3e;--slider-track-border: 1px #414244 solid;--slider-fill: #fff;--slider-ghost: rgba(255, 255, 255, 0.3);--slider-knob-border: 1px #fff solid}.--slider{--ghost-start: 0%;--ghost-width: 0%;--mouse-x: 50%}.--slider.--range{height:var(--slider-height);width:100%;min-width:100px}.--slider.--number{width:fit-content;text-align:center}.--slider input{height:100%;width:100%;opacity:0;touch-action:none;z-index:5}.--slider input[type=range]:hover{cursor:grab}.--slider input[type=range]:active{cursor:grabbing}.--slider input[type=number]{cursor:ns-resize}.--slider .--slider-track{background:var(--slider-track);height:100%;border-radius:var(--slider-radius);overflow:hidden;border:var(--slider-track-border);z-index:1}.--slider .--slider-track-filled{background:var(--slider-fill);height:100%;border-radius:var(--slider-radius);overflow:hidden;border:var(--slider-track-border);z-index:3;width:calc(var(--value)*1%)}.--slider .--slider-knob{width:var(--slider-knob-width);height:var(--slider-knob-height);top:50%;left:calc(var(--value)*1%);transform-origin:calc(var(--value)*1%) center;transform:translate(calc(var(--value) * -1%), -50%) scale(var(--knob-scale, 1));transition:transform .1s ease-in-out;background:var(--slider-knob-color);border-radius:var(--slider-knob-radius);border:var(--slider-knob-border);box-shadow:var(--slider-knob-shadow);pointer-events:none;z-index:4;corner-shape:round !important}.--slider .--slider-text{text-decoration:none;color:var(--slider-text);cursor:ew-resize;text-align:center;user-select:none;font-size:var(--slider-text-size);font-weight:var(--slider-text-weight)}.--slider.--knob-hover{--knob-scale: 0.5}.--slider.--knob-hover .--slider-knob{transform:translate(calc(var(--value) * -1%), -50%) scale(0.5);transition:transform .1s ease-in-out}.--slider.--knob-hover:hover .--slider-knob,.--slider.--knob-hover:active .--slider-knob{transform:translate(calc(var(--value) * -1%), -50%) scale(1)}.--slider.--knob-hover:hover,.--slider.--knob-hover:active{--knob-scale: 1}.--slider .--slider-ghost{z-index:2;position:absolute;top:0;bottom:0;left:calc(var(--ghost-start)*1%);width:calc(var(--ghost-width)*1%);background:var(--slider-ghost);pointer-events:none;opacity:0;transition:opacity .1s;border-radius:var(--slider-radius)}.--slider:hover .--slider-ghost{opacity:1}body{--spinner-primary: #111;--spinner-secondary: #e0e0e0}[color-scheme=dark]{--spinner-primary: #f6f6f6;--spinner-secondary: #d5d5d5}.--spinner{corner-shape:round !important}.--spinner.--simple{aspect-ratio:1;animation:spin infinite;width:var(--spinner-size);height:var(--spinner-size);border:var(--spinner-width) var(--spinner-secondary) solid;border-radius:50%;border-top-color:var(--spinner-primary);animation-timing-function:linear;animation-duration:var(--spinner-speed);--spinner-width: 3px;--spinner-speed: 0.4s}.--spinner.--simple.--xs{--spinner-size: 12px}.--spinner.--simple.--sm{--spinner-size: 24px}.--spinner.--simple.--md{--spinner-width: 4px;--spinner-size: 36px}.--spinner.--simple.--lg{--spinner-width: 5px;--spinner-size: 48px}.--spinner.--simple.--xl{--spinner-width: 6px;--spinner-size: 60px}.--spinner.--simple.--xxl{--spinner-width: 8px;--spinner-size: 72px}.--spinner.--roller{--g1: var(--spinner-primary) 96%, #0000;--g2: var(--spinner-secondary) 96%, #0000;width:calc(2*var(--R));aspect-ratio:1;border-radius:50%;display:grid;-webkit-mask:linear-gradient(#000 0 0);animation:l30 var(--spinner-speed) infinite linear;--spinner-speed: 1.2s}.--spinner.--roller.--xs{--R: 6px}.--spinner.--roller.--sm{--R: 10px}.--spinner.--roller.--md{--R: 12px}.--spinner.--roller.--lg{--R: 16px}.--spinner.--roller.--xl{--R: 22px}.--spinner.--roller.--xxl{--R: 30px}.--spinner.--roller:before,.--spinner.--roller:after{content:"";grid-area:1/1;width:50%;background:radial-gradient(farthest-side, var(--g1)) calc(var(--R) + .866*var(--R) - var(--R)) calc(var(--R) - .5*var(--R) - var(--R)),radial-gradient(farthest-side, var(--g1)) calc(var(--R) + .866*var(--R) - var(--R)) calc(var(--R) - .5*var(--R) - var(--R)),radial-gradient(farthest-side, var(--g2)) calc(var(--R) + .5*var(--R) - var(--R)) calc(var(--R) - .866*var(--R) - var(--R)),radial-gradient(farthest-side, var(--g1)) 0 calc(-1*var(--R)),radial-gradient(farthest-side, var(--g2)) calc(var(--R) - .5*var(--R) - var(--R)) calc(var(--R) - .866*var(--R) - var(--R)),radial-gradient(farthest-side, var(--g1)) calc(var(--R) - .866*var(--R) - var(--R)) calc(var(--R) - .5*var(--R) - var(--R)),radial-gradient(farthest-side, var(--g2)) calc(-1*var(--R)) 0,radial-gradient(farthest-side, var(--g1)) calc(var(--R) - .866*var(--R) - var(--R)) calc(var(--R) + .5*var(--R) - var(--R));background-size:calc(2*var(--R)) calc(2*var(--R));background-repeat:no-repeat}.--spinner.--roller:after{transform:rotate(180deg);transform-origin:right}@keyframes l30{100%{transform:rotate(-1turn)}}.--spinner.--wave{display:flex;align-items:center;gap:var(--spinner-gap)}.--spinner.--wave.--def,.--spinner.--wave.--xs{--spinner-radius: 2px;--spinner-gap: 2px;--spinner-wave-width: 2px;--spinner-wave-height: 6px}.--spinner.--wave.--sm{--spinner-radius: 2px;--spinner-gap: 3px;--spinner-wave-width: 4px;--spinner-wave-height: 12px}.--spinner.--wave.--md{--spinner-radius: 3px;--spinner-gap: 4px;--spinner-wave-width: 5px;--spinner-wave-height: 16px}.--spinner.--wave.--lg{--spinner-radius: 4px;--spinner-gap: 6px;--spinner-wave-width: 7px;--spinner-wave-height: 24px}.--spinner.--wave.--xl{--spinner-radius: 6px;--spinner-gap: 6px;--spinner-wave-width: 8px;--spinner-wave-height: 30px}.--spinner.--wave .--bar{width:var(--spinner-wave-width);background:var(--spinner-primary);border-radius:var(--spinner-radius);corner-shape:round !important}.--spinner.--wave .--bar.--bar1{animation:spinnerWave infinite;animation-delay:.1s;height:var(--spinner-wave-height);animation-duration:1.5s;animation-timing-function:ease-in-out}.--spinner.--wave .--bar.--bar2{animation:spinnerWave infinite;animation-delay:.2s;height:calc(var(--spinner-wave-height)*1.1);animation-duration:1.5s;animation-timing-function:ease-in-out}.--spinner.--wave .--bar.--bar3{animation:spinnerWave infinite;animation-delay:.3s;height:calc(var(--spinner-wave-height)*1.25);animation-duration:1.5s;animation-timing-function:ease-in-out}:root{--switch-height: 24px;--switch-width: 42px;--switch-knob-size: 20px;--switch-knob-left: 2px;--switch-knob-top: 2px;--switch-knob-left-on: 18px;--switch-checked: rgb(46, 161, 42);--switch-unchecked: rgb(203, 203, 203);--switch-knob: #fff;--switch-knob-shadow: #000;--switch-knob-shadow-size: 2px}.--switch.--md{--switch-height: 20px;--switch-width: 36px;--switch-knob-size: 16px;--switch-knob-left-on: 16px}.--switch.--sm{--switch-height: 10px;--switch-width: 34px;--switch-knob-size: 16px;--switch-knob-left: 0px;--switch-knob-top: -3px}.--switch{height:var(--switch-height);width:var(--switch-width);min-height:var(--switch-height);min-width:var(--switch-width);max-height:var(--switch-height);max-width:var(--switch-width);cursor:pointer}.--switch input[type=checkbox]{z-index:0;left:10px;top:10px;opacity:0}.--switch:before{content:"";position:absolute;height:var(--switch-height);width:var(--switch-width);background:var(--switch-unchecked);border-radius:50px;z-index:1;transition:all .3s linear 0s}.--switch:after{content:"";position:absolute;width:var(--switch-knob-size);height:var(--switch-knob-size);background:var(--switch-knob);border-radius:50px;z-index:2;top:var(--switch-knob-top);left:var(--switch-knob-left);box-shadow:0px 0px var(--switch-knob-shadow-size) var(--switch-knob-shadow);transition:all .75s var(--bounce) 0s}.--switch.is-checked:before{box-shadow:inset 0px 0px 0px 15px var(--switch-checked)}.--switch.is-checked:after{transform:translateX(var(--switch-knob-left-on))}:root{--table: transparent;--table-row: #eee;--table-row-even: #f1f1f1;--table-row-odd: #f9f9f9;--table-row-gap: 2px;--table-row-radius: 0px;--table-row-padding: 0px;--table-row-hover: #fff;--table-row-cursor: auto;--table-radius: 10px;--table-head-font-weight: bold;--table-head-padding: 0px;--table-head-font-size: 15px;--table-head-col-padding: 10px;--table-head-arrow: 14px;--table-head-arrow-margin: 5px;--table-head-arrow-color: #111;--table-col-padding: 10px;--table-col-selector-size: 40px;--table-border: 1px #eee solid;--table-head-radius: var(--table-radius) var(--table-radius) 0px 0px;--table-footer-radius: 0px 0px var(--table-radius) var(--table-radius);--table-spinner-top: 100px;--table-spinner-bg: rgba(255, 255, 255, 0.5);--table-spinner-radius: 10px;--table-spinner-padding: 10px;--table-spinner-gap: 6px;--table-spinner-border: 1px #eaeaea solid;--table-spinner-shadow: 0px 0px 4px transparent;--table-loading-message-size: 15px}.--table{background:var(--table);gap:var(--table-row-gap);flex:1}.--table.--hoverable .--row:not(.--row-head):not(.--row-footer):hover{background:var(--table-row-hover)}.--table .--row{background:var(--table-row);border-radius:var(--table-row-radius)}.--table .--row.--row-clickable{cursor:pointer !important}.--table .--row:not(.--row-head):not(.--row-footer){padding:var(--table-row-padding);cursor:var(--table-row-cursor)}.--table .--row:not(.--row-head):not(.--row-footer) .--col{padding:var(--table-col-padding)}.--table .--row:nth-child(1){border-radius:var(--table-head-radius)}.--table .--row:last-child{border-radius:var(--table-footer-radius)}.--table .--row:nth-child(even){background:var(--table-row-even)}.--table .--row:nth-child(odd){background:var(--table-row-odd)}.--table .--row.--row-head{font-weight:var(--table-head-font-weight);padding:var(--table-head-padding) !important;font-size:var(--table-head-font-size)}.--table .--row.--row-head .--col{padding:var(--table-head-col-padding)}.--table .--row .--col .--arrow{width:var(--table-head-arrow);margin-left:var(--table-head-arrow-margin)}.--table .--row .--col .--arrow svg{fill:var(--table-head-arrow-color)}.--table .--row .--col.--sortable{cursor:pointer;user-select:none}.--table .--row .--col.--selector{min-width:var(--table-col-selector-size);max-width:var(--table-col-selector-size)}.--table .--table-spinner{position:absolute;top:var(--table-spinner-top);left:50%;transform:translateX(-50%);background:var(--table-spinner-bg);border-radius:var(--table-spinner-radius);padding:var(--table-spinner-padding);gap:var(--table-spinner-gap);border:var(--table-spinner-border);box-shadow:var(--table-spinner-shadow);z-index:3}.--table .--table-loading-message{font-size:var(--table-loading-message-size)}body{--table-of-contents-color: var(--text-primary);--table-of-contents-color-active: var(--primary);--table-of-contents-dot-size: 8px;--table-of-contents-gap: 15px;--table-of-contents-title-size: var(--text-lg)}.--table-of-contents{gap:var(--table-of-contents-gap)}.--table-of-contents .--toc-title{font-size:var(--table-of-contents-title-size);font-weight:bold}.--table-of-contents ul{gap:5px}.--table-of-contents ul>li{position:relative;padding:0px !important}.--table-of-contents ul>li a{display:inline-block;text-decoration:none;line-height:1.2}.--table-of-contents ul>li a.--toc-active{color:var(--table-of-contents-color-active);font-weight:600}.--table-of-contents ul>li:first-of-type a{anchor-name:--toc-active}.--table-of-contents a:target,.--table-of-contents a:target-current{anchor-name:--toc-active;color:var(--primary) !important}.--table-of-contents:before{content:"";width:var(--table-of-contents-dot-size);height:var(--table-of-contents-dot-size);position:absolute;background:var(--table-of-contents-color-active);position-anchor:--toc-active;left:anchor(left);top:anchor(center);translate:-175% -50%;-webkit-position-area:left;margin-right:10px;align-self:center;transition:top .26s cubic-bezier(0.215, 0.61, 0.355, 1),left .26s;border-radius:50%}body{--tab-head: var(--surface);--tab-head-border: 0px;--tab-head-padding: 0px;--tab-line: var(--text-primary);--tab-line-radius: 10px;--tab-color: var(--text-secondary);--tab-color-hover: var(--text-secondary-hover);--tab-label-weight: bold;--tab-radius: 0px;--tab-padding: 10px 20px;--tab-border-width: 1px;--tab-border-style: solid;--tab-border-color: var(--surface);--tab-label-color: #999;--tab-label-active-color: #111;--tab-body: var(--surface)}.--tabview{min-width:0px}.--tabview .--tabview-head{--segmented: var(--tab-head);--segmented-border: var(--tab-head-border);--segmented-radius-sm: var(--tab-radius);--segmented-padding-sm: var(--tab-head-padding);--segment-item-color: var(--tab-color);--segment-item-hover-color: var(--tab-color-hover);--segmented-gap: 1px;--segment-tab: var(--tab-line)}.--tabview .--tabview-head .--segment-item{padding:var(--tab-padding) !important;color:var(--tab-label-color);background:var(--muted)}.--tabview .--tabview-head .--segment-item:hover{background:var(--muted-hover)}.--tabview .--tabview-head .--segment-item .--segment-label{font-weight:var(--tab-label-weight) !important}.--tabview .--tabview-head .--segment-item.--segment-active{color:var(--tab-label-active-color);background:var(--surface)}.--tabview .--tabview-head .--segment-item.--segment-active:hover{background:var(--surface)}.--tabview .--tabview-head .--segment-tab{top:90% !important;border-radius:var(--tab-line-radius) !important;z-index:2}.--tabview.--fixed .--tabview-head .--segment-item{max-width:fit-content !important}.--tabview .--tabview-body{border-width:var(--tab-border-width) var(--tab-border-width) var(--tab-border-width) var(--tab-border-width);border-style:var(--tab-border-style);border-color:var(--tab-border-color);overflow:hidden;border-radius:var(--tab-body-radius);width:100%;max-width:100%;min-width:0px;display:block;position:relative;background:var(--tab-body)}.--tabview .--tabview-body .--track{transform-style:flat;will-change:transform,opacity;align-items:flex-start !important}.--tabview .--tabview-body .--content{width:100%;background:var(--tab-body, #fff);padding:var(--tab-body-padding);display:block;height:auto !important}[color-scheme=dark] body{--tab-label-color: #bcbcbc;--tab-label-active-color: #fff}body{--terminal-primary: #222;--terminal-secondary: #333;--terminal-border: 1px var(--terminal-primary) solid;--terminal-padding: 5px;--terminal-radius: 5px;--terminal-color: #eeeeee;--terminal-max-height: 100px}.--zuz-terminal{background:var(--terminal-primary);border:var(--terminal-border);font-family:monospace !important;border-radius:var(--terminal-radius)}.--zuz-terminal.--sm{font-size:var(--text-sm)}.--zuz-terminal.--md{font-size:var(--text-md)}.--zuz-terminal.--lg{font-size:var(--text-lg)}.--zuz-terminal.--xl{font-size:var(--text-xl)}.--zuz-terminal.--xxl{font-size:var(--text-xxl)}.--zuz-terminal .--terminal-log{flex:1;overflow-x:hidden;overflow-y:auto;margin-bottom:10px;max-height:var(--terminal-max-height);padding:var(--terminal-padding);white-space:pre-wrap;word-break:break-all;font-family:monospace;font-size:14px;gap:4px}.--zuz-terminal .--terminal-log span{display:inline}.--zuz-terminal .--terminal-input{background:var(--terminal-secondary);padding:0px var(--terminal-padding);color:var(--terminal-color)}.--zuz-terminal .--zuz-term-input{background-color:rgba(0,0,0,0) !important;border:0px !important;outline:none;color:var(--terminal-color);font-family:monospace;font-size:14px;flex:1;caret-color:lime}.--zuz-terminal ::-webkit-scrollbar{width:6px}.--zuz-terminal ::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.5);border-radius:10px}:root{--command-box: #eee;--command-box-width: fit-content;--command-box-radius: 5px;--command-box-padding: 10px;--command-box-column-count: 2;--command-box-column-width: 1fr;--command-box-gap: 10px;--command-box-shadow: 0px 1px 2px #dcdcdc;--command-box-border: 1px #c9c9c9 solid;--command-item: transparent;--command-item-text-color: #111;--command-item-text-size: 15px;--command-item-padding: 6px;--command-item-radius: 6px;--command-item-gap: 6px;--command-item-icon-size: 16px;--command-item-hover: #fff}.--command-box{background:var(--command-box);border-radius:var(--command-box-radius);padding:var(--command-box-padding);grid-template-columns:repeat(var(--command-box-column-count), var(--command-box-column-width));gap:var(--command-box-gap);width:var(--command-box-width);border:var(--command-box-border);box-shadow:var(--command-box-shadow);z-index:9;corner-shape:squircle}.--command-box .--command-item{background:var(--command-item) !important;text-align:left !important;color:var(--command-item-text-color) !important;white-space:pre;justify-content:flex-start !important;font-size:var(--command-item-text-size) !important;padding:var(--command-item-padding) !important;border-radius:var(--command-item-radius) !important;gap:var(--command-item-gap) !important}.--command-box .--command-item .--command-icon{font-size:var(--command-item-icon-size) !important}.--command-box .--command-item:hover{background:var(--command-item-hover) !important}:root{--text-wheel-speed: 2;--text-wheel-transition: translate calc(var(--text-wheel-speed) * 1s) var(--ease)}.--text-wheel{transform-style:flat}.--text-wheel .--wheel-char{font-variant:tabular-nums;overflow:hidden;height:1lh}.--text-wheel .--wheel-char .--wheel-char-track{transition:var(--text-wheel-transition)}.--text-wheel .--wheel-char .--wheel-char-track.--wheel-track-down{translate:0 calc((10 - var(--v))*-1lh)}.--text-wheel .--wheel-char .--wheel-char-track.--wheel-track-up{translate:0 calc((var(--v) + 1)*-1lh)}.--text-wheel .--wheel-char .--wheel-char-track span{height:1lh;transition:opacity .5s}body{--snack-bg: #222;--snack-btn: #434343;--snack-btn-hover: #505050;--snack-title-opacity: 1;--snack-msg-opacity: 0.8;--snack-container-offset: 60px;--snack-hover-shadow: #333}body .--snack{--progress-bar: rgba(0,0,0,0.4)}[color-scheme=dark] body{--snack-bg: #444;--snack-btn: #242222;--snack-btn-hover: #1d1b1b;--snack-hover-shadow: #555}[color-scheme=dark] body .--snack{--progress-bar: rgba(255,255,255,0.4)}.--toast-container{padding:20px;z-index:10000;gap:10px;width:100%;max-width:400px;pointer-events:none}.--toast-container.--bottomcenter,.--toast-container.--bottomright,.--toast-container.--bottomleft{bottom:var(--snack-container-offset)}.--toast-container.--topcenter,.--toast-container.--bottomcenter{left:50%;transform:translateX(-50%);align-items:center}.--toast-container.--topleft,.--toast-container.--bottomleft{left:0;align-items:flex-start}.--toast-container.--topright,.--toast-container.--bottomright{right:0;align-items:flex-end}.--toast-container .--snack{background:var(--snack-bg);transition:all .3s cubic-bezier(0.4, 0, 0.2, 1);color:#fff;pointer-events:auto;max-width:90vw;gap:6px;overflow:hidden}.--toast-container .--snack:hover{box-shadow:0px 0px 0px 1px var(--snack-hover-shadow)}.--toast-container .--snack.--xs{--progress-radius: var(--radius-xs);border-radius:var(--radius-xs);padding:var(--padding-xs-x)}.--toast-container .--snack.--xs .--meta .--tt{font-size:var(--text-xs);font-weight:bold}.--toast-container .--snack.--xs .--meta .--tm{font-size:calc(var(--text-xs) - 1px)}.--toast-container .--snack.--xs .--snack-btn{padding:var(--padding-xs);border-radius:var(--radius-xs)}.--toast-container .--snack.--sm{--progress-radius: var(--radius-sm);border-radius:var(--radius-sm);padding:var(--padding-sm-x)}.--toast-container .--snack.--sm .--meta .--tt{font-size:var(--text-sm);font-weight:bold}.--toast-container .--snack.--sm .--meta .--tm{font-size:calc(var(--text-sm) - 1px)}.--toast-container .--snack.--sm .--snack-btn{padding:var(--padding-sm);border-radius:var(--radius-sm)}.--toast-container .--snack.--md{--progress-radius: var(--radius-md);border-radius:var(--radius-md);padding:var(--padding-md-x)}.--toast-container .--snack.--md .--meta .--tt{font-size:var(--text-md);font-weight:bold}.--toast-container .--snack.--md .--meta .--tm{font-size:calc(var(--text-md) - 1px)}.--toast-container .--snack.--md .--snack-btn{padding:var(--padding-md);border-radius:var(--radius-md)}.--toast-container .--snack.--lg{--progress-radius: var(--radius-lg);border-radius:var(--radius-lg);padding:var(--padding-lg-x)}.--toast-container .--snack.--lg .--meta .--tt{font-size:var(--text-lg);font-weight:bold}.--toast-container .--snack.--lg .--meta .--tm{font-size:calc(var(--text-lg) - 1px)}.--toast-container .--snack.--lg .--snack-btn{padding:var(--padding-lg);border-radius:var(--radius-lg)}.--toast-container .--snack.--xl{--progress-radius: var(--radius-xl);border-radius:var(--radius-xl);padding:var(--padding-xl-x)}.--toast-container .--snack.--xl .--meta .--tt{font-size:var(--text-xl);font-weight:bold}.--toast-container .--snack.--xl .--meta .--tm{font-size:calc(var(--text-xl) - 1px)}.--toast-container .--snack.--xl .--snack-btn{padding:var(--padding-xl);border-radius:var(--radius-xl)}.--toast-container .--snack.--xll{--progress-radius: var(--radius-xll);border-radius:var(--radius-xll);padding:var(--padding-xll-x)}.--toast-container .--snack.--xll .--meta .--tt{font-size:var(--text-xll);font-weight:bold}.--toast-container .--snack.--xll .--meta .--tm{font-size:calc(var(--text-xll) - 1px)}.--toast-container .--snack.--xll .--snack-btn{padding:var(--padding-xll);border-radius:var(--radius-xll)}.--toast-container .--snack .--snack-btn{background:var(--snack-btn);border:none;color:#fff}.--toast-container .--snack .--snack-btn:hover{background:var(--snack-btn-hover)}.--toast-container .--snack .--ico{width:30px;height:30px;background:rgba(0,0,0,.1);border-radius:10px}.--toast-container .--snack .--ico .--icon{font-size:16px}.--toast-container .--snack .--ico .--no-icon{width:15px;height:15px;background:#fff;border-radius:10px}.--toast-container .--snack .--meta{flex:1}.--toast-container .--snack .--meta .--tt{font-weight:bold;opacity:var(--snack-title-opacity)}.--toast-container .--snack .--meta .--tm{opacity:var(--snack-msg-opacity)}.--toast-container .--snack .--actions{margin-left:15px}.--toast-container .--snack.--success{background:var(--green-600);--snack-hover-shadow: var(--green-700)}.--toast-container .--snack.--error{background:var(--red-600);--snack-hover-shadow: var(--red-700)}.--toast-container .--snack.--warn{background:var(--orange-600);--snack-hover-shadow: var(--red-700)}.--toast-container .--snack.--success,.--toast-container .--snack.--error,.--toast-container .--snack.--warn{--snack-btn: rgba(0,0,0,0.4);--snack-btn-hover: rgba(0,0,0,0.6);--progress-bar: rgba(0,0,0,0.4)}.--toast-container .--snack{--progress-height: 4px;--progress-track: transparent}.--toast-container .--snack .--progress{left:0px;right:0px;bottom:0px}body{--tooltip: #222;--tooltip-color: #fafafa}[color-scheme=dark] body{--tooltip: #777;--tooltip-color: #fafafa}.--with-tooltip{--tooltip-font-size: 12px;--tooltip-font-weight: normal;--tooltip-radius: 5px;--tooltip-padding: 2px 4px;--tooltip-arrow-size: 10px}.--with-tooltip .--tooltip{background:var(--tooltip);color:var(--tooltip-color);font-size:var(--tooltip-font-size);font-weight:var(--tooltip-font-weight);border-radius:var(--tooltip-radius);padding:var(--tooltip-padding);z-index:var(--max-z-index);overflow:visible;pointer-events:none;user-select:none}.--with-tooltip .--tooltip:before{content:"";position:absolute;width:var(--tooltip-arrow-size);height:var(--tooltip-arrow-size);border-radius:calc(var(--tooltip-radius)/2);background:var(--tooltip);z-index:0}.--with-tooltip .--tooltip .--text{z-index:1;white-space:pre}.--with-tooltip .--tooltip.--top:before{bottom:-0.2lh;left:50%;transform:translateX(-50%) rotate(45deg)}.--with-tooltip .--tooltip.--bottom:before{top:-0.2lh;left:50%;transform:translateX(-50%) rotate(45deg)}.--with-tooltip .--tooltip.--left:before{right:-0.2lh;top:50%;transform:translateY(-50%) rotate(45deg)}.--with-tooltip .--tooltip.--right:before{left:-0.2lh;top:50%;transform:translateY(-50%) rotate(45deg)}:root{--treenode-root-label-icon-size: var(--treenode-label-icon-size);--treenode-root-label-font-weight: normal;--treenode-root-margin: 10px;--treeview-gap: 6px;--treenode-gap: 2px;--treenode-arrow-btn-size: 20px;--treenode-arrow-btn-opacity: 1;--treenode-arrow-icon-size: 12px;--treenode-arrow-icon-color: #111;--treenode-label-padding: 3px 6px;--treenode-label-radius: 3px 6px;--treenode-label-hover: #f1f1f1;--treenode-label-bg: transparent;--treenode-label-selected-bg: #eee;--treenode-label-selected-color: #111;--treenode-label-icon-color: #111;--treenode-label-icon-size: 15px;--treenode-label-color: #111;--treenode-label-size: 15px;--treenode-label-gap: 6px;--treenode-sub-margin: 20px}.--treeview{gap:var(--treeview-gap);width:100%}.--treeview .--treenode.--is-root:not(:first-child){margin-top:var(--treenode-root-margin)}.--treeview .--treenode.--is-root .--node .--node-meta .--node-icon.--icon-root{font-size:var(--treenode-root-label-icon-size)}.--treeview .--treenode.--is-root .--node .--node-label-root{font-weight:var(--treenode-root-label-font-weight)}.--treeview .--treenode .--node{gap:var(--treenode-gap)}.--treeview .--treenode .--node .--node-aro-btn{width:var(--treenode-arrow-btn-size);height:var(--treenode-arrow-btn-size);border:0px;background:rgba(0,0,0,0);opacity:var(--treenode-arrow-btn-opacity);transition:all .4s linear 0s}.--treeview .--treenode .--node .--node-aro-btn:hover{opacity:1}.--treeview .--treenode .--node .--node-aro-btn:disabled{filter:grayscale(1);opacity:0}.--treeview .--treenode .--node .--node-aro-btn .--node-aro-icon{font-size:var(--treenode-arrow-icon-size)}.--treeview .--treenode .--node .--node-aro-btn .--node-aro-icon:not(.--skeleton){color:var(--treenode-arrow-icon-color)}.--treeview .--treenode .--node .--node-aro-btn .--node-aro-icon:not(.--skeleton) svg{fill:var(--treenode-arrow-icon-color)}.--treeview .--treenode .--node .--node-aro-btn svg{fill:var(--treenode-arrow-icon-color)}.--treeview .--treenode .--node .--node-meta{background:rgba(0,0,0,0);gap:var(--treenode-label-gap);border:0px}.--treeview .--treenode .--node .--node-meta .--node-icon{font-size:var(--treenode-label-icon-size);min-width:var(--treenode-label-icon-size) !important}.--treeview .--treenode .--node .--node-meta .--node-icon:not(.--skeleton){color:var(--treenode-label-icon-color)}.--treeview .--treenode .--node .--node-meta .--node-label{font-size:var(--treenode-label-size);padding:var(--treenode-label-padding);border-radius:var(--treenode-label-radius);cursor:pointer}.--treeview .--treenode .--node .--node-meta .--node-label:not(.--skeleton){background:var(--treenode-label-bg);color:var(--treenode-label-color)}.--treeview .--treenode .--node .--node-meta:hover .--node-label{background:var(--treenode-label-hover)}.--treeview .--treenode .--node.--selected .--node-meta .--node-label:not(.--skeleton){background:var(--treenode-label-selected-bg);color:var(--treenode-label-selected-color)}.--treeview .--treenode .--sub-node{margin-top:var(--treeview-gap);gap:var(--treeview-gap);padding-left:var(--treenode-sub-margin)}*,*::before,*::after{box-sizing:border-box;-webkit-tap-highlight-color:rgba(0,0,0,0)}button{user-select:none;cursor:pointer}input{user-select:none}input:-webkit-autofill{background-color:rgba(0,0,0,0) !important;-webkit-box-shadow:0 0 0px 1000px rgba(0,0,0,0) inset;box-shadow:0 0 0px 1000px rgba(0,0,0,0) inset}body{--background: #e6eaf2;--background-hover: #dde2ec;--surface: #fff;--surface-hover: #f6f6f6;--muted: #fff;--muted-hover: #f6f6f6;--text-primary: #111;--text-primary-hover: #222;--text-secondary: #444;--text-secondary-hover: #666;--border-primary: #ddd;--scrollbar-color: #777 transparent}[color-scheme=dark] body{--background: #131313;--background-hover: #222;--surface: #1e1f20;--surface-hover: #292a2c;--muted: #272829;--muted-hover: #2e2f31;--text-primary: #fff;--text-primary-hover: #f6f6f6;--text-secondary: #e3e3e3;--text-secondary-hover: #d8d8d8;--border-primary: #333;--zuz-shadow: 0px 0px 0px 1px #252525, 0px 0px 6px #232323;--scrollbar-color: rgb(187, 187, 187) transparent}.--no-scroll{overflow:hidden}[aria-hidden=true]{user-select:none;pointer-events:none;cursor:auto}body{--radius-xs: 2px;--radius-sm: 4px;--radius: 8px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 20px;--radius-xxl: 32px;--padding-xs: 2px 4px;--padding-sm: 4px 8px;--padding-md: 8px 12px;--padding-lg: 16px 32px;--padding-xl: 24px 48px;--padding-xs-x: 2px;--padding-sm-x: 4px;--padding-md-x: 8px;--padding-lg-x: 16px;--padding-xl-x: 24px;--padding-xs-y: 4px;--padding-sm-y: 8px;--padding-md-y: 16px;--padding-lg-y: 32px;--padding-xl-y: 48px;--padding: var(--padding-md);--gap-xs: 4px;--gap-sm: 8px;--gap-md: 16px;--gap-lg: 24px;--gap-xl: 40px;--text-xs: 12px;--lh-xs: 1.2;--text-sm: 13px;--lh-sm: 1.4;--text-md: 14px;--lh-md: 1.5;--text-lg: 18px;--lh-lg: 1.5;--text-xl: 24px;--lh-xl: 1.3;--text-xxl: 32px;--lh-xxl: 1.2;--max-z-index: 2147483647;--zuz-shadow: 0px 0px 0px 1px #d4d4d4, 0px 0px 6px #ccc}[style*="--fx-x"],[style*="--fx-y"]{translate:var(--fx-x, 0px) var(--fx-y, 0px)}.abc,.fixed.abc,.--abs.abc,.abs.abc,.center-h,.center-v,.abs{--fx-x: 0px;--fx-y: 0px}.abc,.fixed.abc,.--abs.abc,.abs.abc{top:50%;left:50%;--abc-x: -50%;--abc-y: -50%;translate:calc(var(--abc-x) + var(--fx-x, 0px)) calc(var(--abc-y) + var(--fx-y, 0px))}.center-h{left:50%;--abc-x: -50%;translate:calc(var(--abc-x) + var(--fx-x, 0px)) var(--fx-y, 0px)}.center-v{top:50%;--abc-y: -50%;translate:var(--fx-x, 0px) calc(var(--abc-y) + var(--fx-y, 0px))}.--sticky{position:sticky}.flex{display:flex}.flex.cols{flex-direction:column}.flex.ass{align-self:flex-start}.flex.asc{align-self:center}.flex.ase{align-self:flex-end}.flex.aic{align-items:center}.flex.aie{align-items:flex-end}.flex.jcc{justify-content:center}.flex.jce{justify-content:flex-end}.flex.jcs{justify-content:flex-start}.--abs,.abs{position:absolute}.fixed{position:fixed}.fill{top:0px;left:0px;bottom:0px;right:0px;inset:0}.fillx{top:-10px;left:-10px;bottom:-10px;right:-10px}.tar{text-align:right}.tac{text-align:center}.tal{text-align:left}.taj{text-align:justify}.grid{display:grid}.nope{pointer-events:none}.nous{user-select:none}.rel{position:relative}.bold{font-weight:bold}.text-wrap,.ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.no-overflow{overflow:hidden}.w-full{width:100%}.h-full{height:100%}
|
|
1
|
+
:root{--red-50: #fef2f2;--red-100: #fee2e2;--red-200: #fecaca;--red-300: #fca5a5;--red-400: #f87171;--red-500: #ef4444;--red-600: #dc2626;--red-700: #b91c1c;--red-800: #991b1b;--red-900: #7f1d1d;--green-50: #e8f5e9;--green-100: #c8e6c9;--green-200: #a5d6a7;--green-300: #81c784;--green-400: #66bb6a;--green-500: #4caf50;--green-600: #43a047;--green-700: #388e3c;--green-800: #2e7d32;--green-900: #1b5e20;--blue-50: #e3f2fd;--blue-100: #bbdefb;--blue-200: #90caf9;--blue-300: #64b5f6;--blue-400: #42a5f5;--blue-500: #2196f3;--blue-600: #1e88e5;--blue-700: #1976d2;--blue-800: #1565c0;--blue-900: #0d47a1;--yellow-50: #fffde7;--yellow-100: #fff9c4;--yellow-200: #fff59d;--yellow-300: #fff176;--yellow-400: #ffee58;--yellow-500: #ffeb3b;--yellow-600: #fdd835;--yellow-700: #fbc02d;--yellow-800: #f9a825;--yellow-900: #f57f17;--purple-50: #f3e5f5;--purple-100: #e1bee7;--purple-200: #ce93d8;--purple-300: #ba68c8;--purple-400: #ab47bc;--purple-500: #9c27b0;--purple-600: #8e24aa;--purple-700: #7b1fa2;--purple-800: #6a1b9a;--purple-900: #4a148c;--orange-50: #fff3e0;--orange-100: #ffe0b2;--orange-200: #ffcc80;--orange-300: #ffb74d;--orange-400: #ffa726;--orange-500: #ff9800;--orange-600: #fb8c00;--orange-700: #f57c00;--orange-800: #ef6c00;--orange-900: #e65100;--white-50: rgb(255, 255, 255);--white-100: rgba(255, 255, 255, 0.1);--white-200: rgba(255, 255, 255, 0.2);--white-300: rgba(255, 255, 255, 0.3);--white-400: rgba(255, 255, 255, 0.4);--white-500: rgba(255, 255, 255, 0.5);--white-600: rgba(255, 255, 255, 0.6);--white-700: rgba(255, 255, 255, 0.7);--white-800: rgba(255, 255, 255, 0.8);--white-900: rgba(255, 255, 255, 0.9);--gray-50: #fafafa;--gray-100: #f5f5f5;--gray-200: #eeeeee;--gray-300: #e0e0e0;--gray-400: #bdbdbd;--gray-500: #9e9e9e;--gray-600: #757575;--gray-700: #616161;--gray-800: #424242;--gray-900: #212121;--black-50: #f7f7f7;--black-100: #e1e1e1;--black-200: #cfcfcf;--black-300: #b1b1b1;--black-400: #9e9e9e;--black-500: #7e7e7e;--black-600: #626262;--black-700: #515151;--black-800: #3b3b3b;--black-900: #222222;--black-1000: #000000;--pink-50: #fce4ec;--pink-100: #f8bbd0;--pink-200: #f48fb1;--pink-300: #f06292;--pink-400: #ec407a;--pink-500: #e91e63;--pink-600: #d81b60;--pink-700: #c2185b;--pink-800: #ad1457;--pink-900: #880e4f;--teal-50: #e0f2f1;--teal-100: #b2dfdb;--teal-200: #80cbc4;--teal-300: #4db6ac;--teal-400: #26a69a;--teal-500: #009688;--teal-600: #00897b;--teal-700: #00796b;--teal-800: #00695c;--teal-900: #004d40;--cyan-50: #e0f7fa;--cyan-100: #b2ebf2;--cyan-200: #80deea;--cyan-300: #4dd0e1;--cyan-400: #26c6da;--cyan-500: #00bcd4;--cyan-600: #00acc1;--cyan-700: #0097a7;--cyan-800: #00838f;--cyan-900: #006064;--lime-50: #f9fbe7;--lime-100: #f0f4c3;--lime-200: #e6ee9c;--lime-300: #dce775;--lime-400: #d4e157;--lime-500: #cddc39;--lime-600: #c0ca33;--lime-700: #afb42b;--lime-800: #9e9d24;--lime-900: #827717;--amber-50: #fff8e1;--amber-100: #ffecb3;--amber-200: #ffe082;--amber-300: #ffd54f;--amber-400: #ffca28;--amber-500: #ffc107;--amber-600: #ffb300;--amber-700: #ffa000;--amber-800: #ff8f00;--amber-900: #ff6f00;--brown-50: #efebe9;--brown-100: #d7ccc8;--brown-200: #bcaaa4;--brown-300: #a1887f;--brown-400: #8d6e63;--brown-500: #795548;--brown-600: #6d4c41;--brown-700: #5d4037;--brown-800: #4e342e;--brown-900: #3e2723;--indigo-50: #e8eaf6;--indigo-100: #c5cae9;--indigo-200: #9fa8da;--indigo-300: #7986cb;--indigo-400: #5c6bc0;--indigo-500: #3f51b5;--indigo-600: #3949ab;--indigo-700: #303f9f;--indigo-800: #283593;--indigo-900: #1a237e;--slate-50: #eceff1;--slate-100: #cfd8dc;--slate-200: #b0bec5;--slate-300: #90a4ae;--slate-400: #78909c;--slate-500: #607d8b;--slate-600: #546e7a;--slate-700: #455a64;--slate-800: #37474f;--slate-900: #263238;--manatee-50: #f8f9fb;--manatee-100: #f0f2f5;--manatee-200: #e5e9ef;--manatee-300: #d8dfe7;--manatee-400: #ccd5df;--manatee-500: #c5ccd7;--manatee-600: #a8b3c4;--manatee-700: #8a98ac;--manatee-800: #6e7e95;--manatee-900: #4f617a;--manatee-950: #3a4a63}@keyframes shimmering{0%{transform:translateX(-100%) rotate(var(--shimmer-angle))}20%{transform:translateX(100%) rotate(var(--shimmer-angle))}100%{transform:translateX(100%) rotate(var(--shimmer-angle))}}@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}@keyframes spinnerWave{0%{opacity:.2;transform:scale(1)}10%{opacity:1;transform:scale(1.75)}20%{opacity:.2;transform:scale(1)}100%{opacity:.2;transform:scale(1)}}@keyframes breath{0%{opacity:.5}50%{opacity:1}100%{opacity:.5}}@keyframes textshimmer{0%{background-position:-120% 0}50%,100%{background-position:120% 0}}:root{--basic: ease;--back: linear( 0, -0.0077 5.2%, -0.0452 16.98%, -0.0493 22.35%, -0.0418 25.57%, -0.0258 28.57%, -0.0007 31.42%, 0.0335 34.15%, 0.1242 39.03%, 0.2505 43.65%, 0.3844 47.35%, 0.656 53.68%, 0.81 58.37%, 0.9282 63.52%, 0.9719 66.23%, 1.0055 69.04%, 1.0255 71.4%, 1.0396 73.87%, 1.0477 76.48%, 1.05 79.27%, 1.0419 84.36%, 1.0059 95.49%, 1 );--expo: linear( 0, 0.0053 17.18%, 0.0195 26.59%, 0.0326 30.31%, 0.0506 33.48%, 0.0744 36.25%, 0.1046 38.71%, 0.1798 42.62%, 0.2846 45.93%, 0.3991 48.37%, 0.6358 52.29%, 0.765 55.45%, 0.8622 59.3%, 0.8986 61.51%, 0.9279 63.97%, 0.9481 66.34%, 0.9641 69.01%, 0.9856 75.57%, 0.9957 84.37%, 1 );--sine: linear( 0, 0.007 5.35%, 0.0282 10.75%, 0.0638 16.26%, 0.1144 21.96%, 0.1833 28.16%, 0.2717 34.9%, 0.6868 62.19%, 0.775 68.54%, 0.8457 74.3%, 0.9141 81.07%, 0.9621 87.52%, 0.9905 93.8%, 1 );--power: linear( 0, 0.0012 14.95%, 0.0089 22.36%, 0.0297 28.43%, 0.0668 33.43%, 0.0979 36.08%, 0.1363 38.55%, 0.2373 43.07%, 0.3675 47.01%, 0.5984 52.15%, 0.7121 55.23%, 0.8192 59.21%, 0.898 63.62%, 0.9297 66.23%, 0.9546 69.06%, 0.9733 72.17%, 0.9864 75.67%, 0.9982 83.73%, 1 );--circ: linear( -0, 0.0033 5.75%, 0.0132 11.43%, 0.0296 16.95%, 0.0522 22.25%, 0.0808 27.25%, 0.1149 31.89%, 0.1542 36.11%, 0.1981 39.85%, 0.2779 44.79%, 0.3654 48.15%, 0.4422 49.66%, 0.5807 50.66%, 0.6769 53.24%, 0.7253 55.37%, 0.7714 58.01%, 0.8142 61.11%, 0.8536 64.65%, 0.9158 72.23%, 0.9619 80.87%, 0.9904 90.25%, 1 );--bounce: linear( 0, 0.0039, 0.0157, 0.0352, 0.0625 9.09%, 0.1407, 0.25, 0.3908, 0.5625, 0.7654, 1, 0.8907, 0.8125 45.45%, 0.7852, 0.7657, 0.7539, 0.75, 0.7539, 0.7657, 0.7852, 0.8125 63.64%, 0.8905, 1 72.73%, 0.9727, 0.9532, 0.9414, 0.9375, 0.9414, 0.9531, 0.9726, 1, 0.9883, 0.9844, 0.9883, 1 );--elastic: linear( 0, 0.0009 8.51%, -0.0047 19.22%, 0.0016 22.39%, 0.023 27.81%, 0.0237 30.08%, 0.0144 31.81%, -0.0051 33.48%, -0.1116 39.25%, -0.1181 40.59%, -0.1058 41.79%, -0.0455, 0.0701 45.34%, 0.9702 55.19%, 1.0696 56.97%, 1.0987 57.88%, 1.1146 58.82%, 1.1181 59.83%, 1.1092 60.95%, 1.0057 66.48%, 0.986 68.14%, 0.9765 69.84%, 0.9769 72.16%, 0.9984 77.61%, 1.0047 80.79%, 0.9991 91.48%, 1 );--ease: var(--back);--spring: cubic-bezier(0.2, -0.36, 0, 1.46);--liquid: cubic-bezier(0.175, 0.885, 0.32, 2.2)}:root{--accordion: #fff;--accordion-label: #111;--accordion-radius: 5px;--accordion-border: 1px #ddd solid;--accordion-head: #fff;--accordion-head-hover: #f1f1f1;--accordion-head-padding: 10px;--accordion-head-font-size: 16px;--accordion-head-font-weight: normal;--accordion-head-arrow-size: 18px;--accordion-head-arrow: #111;--accordion-detail-padding: 10px;--accordion-detail-font-size: 15px}.--accordion{background:var(--accordion);border:var(--accordion-border);border-radius:var(--accordion-radius);overflow:hidden}.--accordion .--toggle{border:0px;background:var(--accordion-head);padding:var(--accordion-head-padding);border-radius:var(--accordian-radius);flex:1;width:100%}.--accordion .--toggle .--label{flex:1;color:var(--accordion-label);font-size:var(--accordion-head-font-size);font-weight:var(--accordion-head-font-weight)}.--accordion .--toggle .--arrow{width:var(--accordion-head-arrow-size)}.--accordion .--toggle .--arrow svg path{fill:var(--accordion-head-arrow)}.--accordion .--toggle:hover{background:var(--accordion-head-hover)}.--accordion .--detail{padding:var(--accordion-detail-padding);font-size:var(--accordion-detail-font-size)}body{--tip-s: 0;--actionbar: #fff;--actionbar-radius: 50px;--actionbar-padding: 2px;--actionbar-shadow: 0px 0px 0px 1px #ccc, 0px 0px 8px #c0b0b0;--actionbar-gap: 2px;--actionbar-action-size: 40px;--actionbar-action: transparent;--actionbar-action-color: #111;--actionbar-action-hover: #ddd;--actionbar-action-selected: #eee;--actionbar-action-border: 0px;--actionbar-action-padding: 6px;--actionbar-action-radius: 20px;--actionbar-action-icon-size: 18px;--actionbar-tooltip: #111;--actionbar-tooltip-padding: 2px 0px;--actionbar-tooltip-radius: 10px;--actionbar-tooltip-color: #fff;--actionbar-tooltip-speed: 0.05s;--actionbar-tooltip-track-speed: 0.3s}.--actionbar{background:var(--actionbar);border-radius:var(--actionbar-radius);padding:var(--actionbar-padding);box-shadow:var(--actionbar-shadow);gap:var(--actionbar-gap)}.--actionbar.--bottom{position:fixed;left:50%;transform:translateX(-50%);bottom:20px}.--actionbar .--action{color:var(--actionbar-action-color);width:var(--actionbar-action-size);height:var(--actionbar-action-size);background:var(--actionbar-action);border:var(--actionbar-action-border);padding:var(--actionbar-action-padding);border-radius:var(--actionbar-action-radius);flex:1}.--actionbar .--action svg{width:100%;height:100%}.--actionbar .--action img{width:100%;height:100%}.--actionbar .--action .--icon{font-size:var(--actionbar-action-icon-size)}.--actionbar .--action:hover{background:var(--actionbar-action-hover)}.--actionbar .--action.--selected{background:var(--actionbar-action-selected)}.--actionbar .--tip{--tip-width: calc( var(--tip-w) * 1ch + 6px );translate:calc(-50% + var(--tip-x)*1px) calc(-50% + var(--tip-y)*1px);bottom:60px;background:var(--actionbar-tooltip);padding:var(--actionbar-tooltip-padding);border-radius:var(--actionbar-tooltip-radius);color:var(--actionbar-tooltip-color);scale:var(--tip-s);transform-origin:center;width:var(--tip-width);transition:all var(--actionbar-tooltip-speed) linear 0s;overflow:hidden}.--actionbar .--tip .--track{width:calc(var(--tip-width)*var(--tip-l));translate:calc(var(--tip-m)*var(--tip-width)*-1) 0px;transition:all var(--actionbar-tooltip-track-speed) var(--spring) 0s}.--actionbar .--tip .--track .--lb{text-align:center;width:var(--tip-width)}body{--alert-error: #ffd4d4;--alert-error-color: #ae1313;--alert-info: #bee3f8;--alert-info-color: #2b6cb0;--alert-warning: #feebc8;--alert-warning-color: #c05621;--alert-success: #c6f6d5;--alert-success-color: #2f855a;--alert-padding: 12px;--alert-radius: 10px;--alert-gap: 10px}.--alert{padding:var(--alert-padding);border-radius:var(--alert-radius);gap:var(--alert-gap)}.--alert .--icon{width:20px;height:20px}.--alert .--meta{gap:2px}.--alert .--meta .--title.--tm{font-weight:bold}.--alert.--info{background:var(--alert-info);color:var(--alert-info-color)}.--alert.--info path{fill:var(--alert-info-color)}.--alert.--warning{background:var(--alert-warning);color:var(--alert-warning-color)}.--alert.--warning path{fill:var(--alert-warning-color)}.--alert.--error{background:var(--alert-error);color:var(--alert-error-color)}.--alert.--error path{fill:var(--alert-error-color)}.--alert.--success{background:var(--alert-success);color:var(--alert-success-color)}.--alert.--success path{fill:var(--alert-success-color)}:root{--autocomplete-arrow: #111;--autocomplete-arrow-size-sm: 40px;--autocomplete-arrow-size-md: 24px;--autocomplete-arrow-size-lg: 30px;--autocomplete-item-hover: #d4d4d4}.--autocomplete{width:100%;background:var(--input);z-index:2}.--autocomplete .--arrow svg{fill:var(--autocomplete-arrow)}.--autocomplete.--sm{border-radius:var(--input-radius-sm)}.--autocomplete.--sm .--suggestion-list{border-radius:var(--input-radius-sm)}.--autocomplete.--sm .--arrow{width:var(--autocomplete-arrow-size-sm)}.--autocomplete.--sm .--arrow svg{width:calc(var(--autocomplete-arrow-size-sm)/2.5)}.--autocomplete.--sm .--input{width:calc(100% - var(--autocomplete-arrow-size-sm))}.--autocomplete.--md{border-radius:var(--input-radius-md)}.--autocomplete.--md .--suggestion-list{border-radius:var(--input-radius-md)}.--autocomplete.--md .--arrow{width:var(--autocomplete-arrow-size-md)}.--autocomplete.--md .--arrow svg{width:calc(var(--autocomplete-arrow-size-md)/2.5)}.--autocomplete.--md .--input{width:calc(100% - var(--autocomplete-arrow-size-md))}.--autocomplete.--lg{border-radius:var(--input-radius-lg)}.--autocomplete.--lg .--suggestion-list{border-radius:var(--input-radius-lg)}.--autocomplete.--lg .--arrow{width:var(--autocomplete-arrow-size-lg)}.--autocomplete.--lg .--arrow svg{width:calc(var(--autocomplete-arrow-size-lg)/2.5)}.--autocomplete.--lg .--input{width:calc(100% - var(--autocomplete-arrow-size-lg))}.--autocomplete .--suggestion-list{left:0px;right:0px;background:var(--input);z-index:2;padding:8px 0px;overflow-x:hidden}.--autocomplete .--suggestion-list li{cursor:pointer}.--autocomplete .--suggestion-list li:hover{background:var(--autocomplete-item-hover)}.--autocomplete .--suggestion-list li.--current{background:var(--autocomplete-item-hover)}:root{--avatar-bg: #fff}.--avatar{overflow:hidden;min-width:var(--avatar-size);min-height:var(--avatar-size);max-width:var(--avatar-size);max-height:var(--avatar-size)}.--avatar.--circle{border-radius:50%;corner-shape:round !important}.--avatar.--circle img{border-radius:50%}.--avatar.--square{corner-shape:squircle !important;border-radius:calc(var(--avatar-size)*2)}.--avatar.--square img{border-radius:calc(var(--avatar-size)*2)}.--avatar.--xs{--avatar-size: 24px}.--avatar.--sm{--avatar-size: 30px}.--avatar.--md{--avatar-size: 48px}.--avatar.--lg{--avatar-size: 72px}.--avatar.--xl{--avatar-size: 96px}.--avatar .--avatar-label{color:#fff;font-size:14px;font-weight:700}body{--badge-success: var(--green-500);--badge-error: var(--red-500);--badge-idle: var(--orange-500);--badge-dead: var(--text-primary);--badge-opacity: 0.5;--badge-multiplier: 4px}.--badge.--xs{--badge-text-size: var(--text-xs);--badge-radius: var(--radius-xs)}.--badge.--xs .--label{font-size:var(--text-xs);padding:var(--padding-xs)}.--badge.--sm{--badge-text-size: var(--text-sm);--badge-radius: var(--radius-sm)}.--badge.--sm .--label{font-size:var(--text-sm);padding:var(--padding-sm)}.--badge.--md{--badge-text-size: var(--text-md);--badge-radius: var(--radius-md)}.--badge.--md .--label{font-size:var(--text-md);padding:var(--padding-md)}.--badge.--lg{--badge-text-size: var(--text-lg);--badge-radius: var(--radius-lg)}.--badge.--lg .--label{font-size:var(--text-lg);padding:var(--padding-lg)}.--badge.--xl{--badge-text-size: var(--text-xl);--badge-radius: var(--radius-xl)}.--badge.--xl .--label{font-size:var(--text-xl);padding:var(--padding-xl)}.--badge.--xll{--badge-text-size: var(--text-xll);--badge-radius: var(--radius-xll)}.--badge.--xll .--label{font-size:var(--text-xll);padding:var(--padding-xll)}.--badge:has(.--dot){min-width:calc(var(--badge-size)*var(--badge-multiplier));min-height:calc(var(--badge-size)*var(--badge-multiplier));max-width:calc(var(--badge-size)*var(--badge-multiplier));max-height:calc(var(--badge-size)*var(--badge-multiplier))}.--badge:has(.--label){border-radius:var(--badge-radius)}.--badge:has(.--label).--success{background:var(--badge-success)}.--badge:has(.--label).--error{background:var(--badge-error)}.--badge:has(.--label).--idle{background:var(--badge-idle)}.--badge:has(.--label).--dead{background:var(--badge-dead)}.--badge .--dot{--badge-corner: round;--badge-radius: 50%;corner-shape:var(--badge-corner) !important;border-radius:var(--badge-radius);min-width:calc(var(--badge-size)*1px);min-height:calc(var(--badge-size)*1px);max-width:calc(var(--badge-size)*1px);max-height:calc(var(--badge-size)*1px)}.--badge .--dot.--success{background:var(--badge-success)}.--badge .--dot.--error{background:var(--badge-error)}.--badge .--dot.--idle{background:var(--badge-idle)}.--badge .--dot.--dead{background:var(--badge-dead);opacity:var(--badge-opacity)}.--badge .--label{color:#fff}body{--button: var(--primary, var(--red-700));--button-hover: var(--primary-hover, var(--red-800));--button-border: 0px;--button-color: white;--button-disabled: var(--gray-200);--button-disabled-color: var(--gray-400);--button-gap-xs: 4px;--button-gap-sm: 6px;--button-gap-md: 8px;--button-gap-lg: 10px;--button-gap-xl: 10px;--button-ghost-hover: var(--surface)}.--button{width:fit-content}.--button.--xs{padding:var(--padding-xs);font-size:var(--text-xs);border-radius:var(--radius-xs);gap:var(--button-gap-xs)}.--button.--sm{padding:var(--padding-sm);font-size:var(--text-sm);border-radius:var(--radius-sm);gap:var(--button-gap-sm)}.--button.--md{padding:var(--padding-md);font-size:var(--text-md);border-radius:var(--radius-md);gap:var(--button-gap-md)}.--button.--lg{padding:var(--padding-lg);font-size:var(--text-lg);border-radius:var(--radius-lg);gap:var(--button-gap-lg)}.--button.--xl{padding:var(--padding-xl);font-size:var(--text-xl);border-radius:var(--radius-xl);gap:var(--button-gap-xl)}.--button{border:var(--button-border);background:var(--button);color:var(--button-color);white-space:pre;cursor:pointer}.--button:hover{background:var(--button-hover)}.--button:not(.--skeleton):disabled{background:var(--button-disabled);color:var(--button-disabled-color);cursor:auto !important}.--button.--plain{background:rgba(0,0,0,0) !important;padding:0px !important;color:var(--text-primary) !important}.--button.--plain:hover{background:rgba(0,0,0,0) !important}.--button.--ghost{background:rgba(0,0,0,0) !important;color:var(--text-primary) !important}.--button.--ghost:hover{background:var(--button-ghost-hover) !important}:root{--calendar: var(--gray-200);--calendar-selector: #fff;--calendar-selected-day-bg: var(--blue-700);--calendar-selected-day-color: #fff;--calendar-current-day-bg: #fff;--calendar-current-day-color: var(--text);--calendar-radius-lg: 6px;--calendar-radius-md: 4px;--calendar-radius-sm: 2px;--calendar-padding-lg: 16px;--calendar-padding-md: 12px;--calendar-padding-sm: 8px;--calendar-font-size-lg: 18px;--calendar-font-size-md: 16px;--calendar-font-size-sm: 15px}.--calendar{background-color:var(--calendar);corner-shape:squircle;overflow:hidden;border:1px var(--calendar-selector) solid}.--calendar.--lg{border-radius:var(--calendar-radius-lg);font-size:var(--calendar-font-size-lg)}.--calendar.--lg .--calendar-quick-select{padding:var(--calendar-padding-lg)}.--calendar.--lg .--calendar-quick-select .--button{border-radius:var(--calendar-radius-lg)}.--calendar.--lg .--calendar-selector{padding:var(--calendar-padding-lg)}.--calendar.--lg .--calendar-selector .--calendar-head .--calendar-cm{padding-left:var(--calendar-padding-lg)}.--calendar.--lg .--calendar-selector .--calendar-head .--button{border-radius:var(--calendar-radius-lg)}.--calendar.--lg .--calendar-day{border-radius:var(--calendar-radius-lg)}.--calendar.--md{border-radius:var(--calendar-radius-md);font-size:var(--calendar-font-size-md)}.--calendar.--md .--calendar-quick-select{padding:var(--calendar-padding-md)}.--calendar.--md .--calendar-quick-select .--button{border-radius:var(--calendar-radius-md)}.--calendar.--md .--calendar-selector{padding:var(--calendar-padding-md)}.--calendar.--md .--calendar-selector .--calendar-head .--calendar-cm{padding-left:var(--calendar-padding-md)}.--calendar.--md .--calendar-selector .--calendar-head .--button{border-radius:var(--calendar-radius-md)}.--calendar.--md .--calendar-day{border-radius:var(--calendar-radius-md)}.--calendar.--sm{border-radius:var(--calendar-radius-sm);font-size:var(--calendar-font-size-sm)}.--calendar.--sm .--calendar-quick-select{padding:var(--calendar-padding-sm)}.--calendar.--sm .--calendar-quick-select .--button{border-radius:var(--calendar-radius-sm)}.--calendar.--sm .--calendar-selector{padding:var(--calendar-padding-sm)}.--calendar.--sm .--calendar-selector .--calendar-head .--calendar-cm{padding-left:var(--calendar-padding-sm)}.--calendar.--sm .--calendar-selector .--calendar-head .--button{border-radius:var(--calendar-radius-sm)}.--calendar.--sm .--calendar-day{border-radius:var(--calendar-radius-sm)}.--calendar .--calendar-quick-select{width:220px}.--calendar .--calendar-quick-select .--button{background:rgba(0,0,0,0) !important;color:var(--text);text-align:left !important;padding:8px 12px !important}.--calendar .--calendar-quick-select .--button:hover{background:var(--calendar-selector) !important}.--calendar .--calendar-selector{width:275px;background:var(--calendar-selector)}.--calendar .--calendar-selector .--calendar-head .--button{background:rgba(0,0,0,0) !important;color:var(--text);padding:2px !important}.--calendar .--calendar-selector .--calendar-head .--button.--calendar-chevron{width:30px;height:30px}.--calendar .--calendar-selector .--calendar-head .--button.--calendar-chevron svg{width:100%}.--calendar .--calendar-selector .--calendar-head .--button:hover{background:var(--calendar) !important}.--calendar .--calendar-selector .--calendar-days{display:grid;grid-template-columns:repeat(7, 1fr);padding:8px 0px;align-items:stretch;flex:1}.--calendar .--calendar-selector .--calendar-days .--calendar-day{text-align:center;color:var(--text);background:rgba(0,0,0,0) !important;color:var(--text);padding:2px !important;corner-shape:squircle}.--calendar .--calendar-selector .--calendar-days .--calendar-day:not(.--calendar-dd){font-weight:600}.--calendar .--calendar-selector .--calendar-days .--calendar-day:is(button):hover{background:var(--calendar) !important}.--calendar .--calendar-selector .--calendar-days .--calendar-day:is(button):disabled{opacity:.35;cursor:auto !important}.--calendar .--calendar-selector .--calendar-days .--calendar-day:is(button):disabled:hover{background:rgba(0,0,0,0) !important}.--calendar .--calendar-selector .--calendar-days .--calendar-day.--calendar-dd-selected{background:var(--calendar-selected-day-bg) !important;color:var(--calendar-selected-day-color) !important}.--calendar .--calendar-selector .--calendar-days .--calendar-day.--calendar-dd-selected:hover{background:var(--calendar-selected-day-bg) !important;color:var(--calendar-selected-day-color) !important}.--calendar .--calendar-selector .--calendar-days .--calendar-day.--calendar-dd-current:not(.--calendar-dd-selected){background:var(--calendar-current-day-bg) !important;color:var(--calendar-current-day-color) !important}:root{--bubble-me: var(--green-800);--bubble-you: var(--gray-800);--bubble-text-color: #fff;--bubble-me-text-color: var(--bubble-text-color);--bubble-you-text-color: var(--bubble-text-color);--bubble-padding: 4px 10px;--bubble-audio-padding: var(--bubble-padding);--bubble-image-padding: 4px;--bubble-radius: 10px;--bubble-text-size: 14px;--bubble-stamp-size: 11px;--bubble-arrow-size: 8px;--bubble-tick-size: 16px;--bubble-tick-color: rgba(255, 255, 255, 0.5);--bubble-tick-read-color: #77ff4a;--bubble-duration-text-size: var(--bubble-stamp-size);--bubble-max-size: 200px}.--bubble-wrapper.--bw-me{align-items:flex-end;justify-content:flex-end}.--bubble-wrapper .--bubble{width:fit-content;border-radius:var(--bubble-radius)}.--bubble-wrapper .--bubble:not(.--with-media){padding:var(--bubble-padding)}.--bubble-wrapper .--bubble.--bma-audio{padding:var(--bubble-audio-padding)}.--bubble-wrapper .--bubble.--bma-img{padding:var(--bubble-image-padding)}.--bubble-wrapper .--bubble.--bubble-me{background:var(--bubble-me)}.--bubble-wrapper .--bubble.--bubble-me.--b-arrow:before{border-top-color:var(--bubble-me);right:calc(var(--bubble-arrow-size)*-1)}.--bubble-wrapper .--bubble.--bubble-me .--bubble-text{color:var(--bubble-me-text-color)}.--bubble-wrapper .--bubble.--bubble-you{background:var(--bubble-you)}.--bubble-wrapper .--bubble.--bubble-you.--b-arrow:before{border-top-color:var(--bubble-you);left:calc(var(--bubble-arrow-size)*-1)}.--bubble-wrapper .--bubble.--bubble-you .--bubble-text{color:var(--bubble-you-text-color)}.--bubble-wrapper .--bubble .--bubble-text{font-size:var(--bubble-text-size);color:var(--bubble-text-color)}.--bubble-wrapper .--bubble .--bubble-stamp{font-size:var(--bubble-stamp-size)}.--bubble-wrapper .--bubble.--b-arrow:before{content:"";width:0px;height:0px;border-width:var(--bubble-arrow-size);border-color:rgba(0,0,0,0);border-style:solid;position:absolute;z-index:1;top:0px}.--bubble-wrapper .--bubble .--bubble-stats{gap:6px}.--bubble-wrapper .--bubble .--bubble-stats .--bubble-status{width:calc(var(--bubble-tick-size));line-height:.65}.--bubble-wrapper .--bubble .--bubble-stats .--bubble-status svg{fill:var(--bubble-tick-color)}.--bubble-wrapper .--bubble .--bubble-stats .--bubble-status.--bs-3 svg{fill:var(--bubble-tick-read-color)}.--bubble-wrapper .--bubble .--bubble-audio{gap:10px;min-width:var(--bubble-max-size)}.--bubble-wrapper .--bubble .--bubble-audio .--bm-action{width:36px;line-height:.6}.--bubble-wrapper .--bubble .--bubble-audio .--bm-action svg{fill:var(--bubble-text-color)}.--bubble-wrapper .--bubble .--bubble-audio .--bm-dur{font-size:var(--bubble-duration-text-size)}.--bubble-wrapper .--bubble .--bubble-image{max-width:var(--bubble-max-size)}.--bubble-wrapper .--bubble .--bubble-image img{width:100%;border-radius:var(--bubble-radius)}:root{--checkbox-check-color: #fff;--checkbox-check-size: 13px;--checkbox-size: 20px;--checkbox-radius: 6px;--checkbox-checked: rgb(46, 161, 42);--checkbox-unchecked: rgb(203, 203, 203);--checkbox-thumb: #fff;--checkbox-thumb-shadow: #000;--checkbox-thumb-shadow-size: 2px}.--checkbox{height:var(--checkbox-size);width:var(--checkbox-size);cursor:pointer;border:1px var(--checkbox-unchecked) solid;border-radius:var(--checkbox-radius);overflow:hidden;background-color:var(--checkbox-unchecked)}.--checkbox input[type=checkbox]{z-index:0;opacity:0}.--checkbox:before{font-size:var(--checkbox-check-size);color:var(--checkbox-check-color);opacity:0}.--checkbox.is-checked{background-color:var(--checkbox-checked);border:1px var(--checkbox-checked) solid}.--checkbox.is-checked:before{opacity:1}.--checkbox.is-checked svg{fill:var(--checkbox-check-color)}.--checkbox svg{fill:var(--checkbox-unchecked)}body{--codeblock-font: monospace}pre{overflow-x:auto;margin:15px 0px}code{font-family:var(--codeblock-font, monospace) !important;font-optical-sizing:auto;font-style:normal}.--code-block{background-color:#1e1e1e;padding:.5rem;--line-num-width: 40px;white-space:pre;line-height:1.6;tab-size:4;color:#fff}.--code-block code.--code{font-size:inherit;letter-spacing:inherit;border-radius:inherit;border-width:inherit;background:inherit;color:inherit;white-space:inherit;padding:inherit}.--code-line{display:flex;width:100%;padding:0 4px;border-left:3px solid rgba(0,0,0,0);font-family:var(--codeblock-font, monospace) !important}.--code-line.--with-ln:hover{background-color:#2a2a2a}.--code-line.--is-highlighted{background:var(--shade-2);border-left-color:var(--primary);width:fit-content;min-width:100%}.--line-number{width:var(--line-num-width);flex-shrink:0;opacity:.3;user-select:none;font-size:.85em}.--line-content{white-space:pre;font-family:var(--codeblock-font, monospace) !important}.--token-key{color:var(--pink-300);font-weight:600}.--token-tag{color:var(--green-300);font-weight:500}.--token-var{color:#db9aff}.--token-str{color:var(--blue-200)}.--token-comm{color:var(--gray-500);font-style:italic}.--token-fn{color:var(--blue-500)}.--token-prop{color:var(--orange-500)}.--token-num{color:var(--purple-500)}.--token-fn{color:var(--blue-600);font-style:italic}.--code-block::-webkit-scrollbar{height:4px;width:4px}.--code-block::-webkit-scrollbar-thumb{background:var(--shade-3);border-radius:10px}body{--color-scheme-border: 1px var(--border-primary) solid;--color-scheme-size-sm: 30px;--color-scheme-size-md: 35px;--color-scheme-size-lg: 36px;--color-scheme-padding-sm: 4px;--color-scheme-padding-md: 6px;--color-scheme-padding-lg: 2px;--color-scheme: var(--surface);--color-scheme-active: var(--slate-100);--color-scheme-hover: var(--surface-hover);--color-scheme-icon: var(--text-primary);--color-scheme-radius: 50px}.--segmented.--color-scheme{--segment-item-padding-sm: 0px;--segmented-radius-sm: 20px;--segmented-border: var(--color-scheme-border);--segmented: var(--color-scheme);--segment-tab: var(--color-scheme-active);width:100px}.--segmented.--color-scheme.--sm{height:var(--color-scheme-size-sm)}.--segmented.--color-scheme.--md{height:var(--color-scheme-size-md)}.--segmented.--color-scheme.--lg{height:var(--color-scheme-size-lg)}.--color-scheme-switch{border:var(--color-scheme-border);background:var(--color-scheme);border-radius:var(--color-scheme-radius) !important}.--color-scheme-switch:active{background:var(--color-scheme-active)}.--color-scheme-switch:hover{background:var(--color-scheme-hover)}.--color-scheme-switch.--sm{width:var(--color-scheme-size-sm);height:var(--color-scheme-size-sm);padding:var(--color-scheme-padding-sm)}.--color-scheme-switch.--md{width:var(--color-scheme-size-md);height:var(--color-scheme-size-md);padding:var(--color-scheme-padding-md)}.--color-scheme-switch.--lg{width:var(--color-scheme-size-lg);height:var(--color-scheme-size-lg);padding:var(--color-scheme-padding-lg)}.--color-scheme-switch svg circle,.--color-scheme-switch svg path,.--color-scheme-switch svg rect{stroke:var(--color-scheme-icon);fill:var(--color-scheme-icon)}body{--context: #fff;--context-border: 0px;--context-radius: 10px;--context-padding: 10px;--context-shadow-a: 0px 0px 1px #bbbbbb;--context-shadow-b: 0px 1px 2px #eee;--context-seperator: #eee;--context-seperator-height: 1px;--context-seperator-margin: 3px 6px;--context-item: #fff;--context-item-color: #111;--context-item-width: 220px;--context-item-padding: 6px 10px;--context-item-gap: 10px;--context-item-font-size: 14px;--context-item-radius: 5px;--context-item-icon-size: 18px;--context-item-hover: #f1f1f1;--context-arrow-size: 10px;--context-arrow-x: 20px}.--contextmenu{z-index:var(--max-z-index);background:var(--context);border-radius:var(--context-radius);padding:var(--context-padding);filter:drop-shadow(var(--context-shadow-a)) drop-shadow(var(--context-shadow-b));pointer-events:auto !important;top:calc(var(--max-z-index)*-1px);left:calc(var(--max-z-index)*-1px);opacity:0}.--contextmenu:after{content:"";position:absolute;width:var(--context-arrow-size);height:var(--context-arrow-size);background:inherit;transform:rotate(45deg);z-index:-1;border-radius:calc(var(--context-arrow-size)/4)}.--contextmenu.--has-arrow::after{top:calc(var(--context-arrow-size)/2*-1)}.--contextmenu.--arrow-bottom::after{bottom:calc(var(--context-arrow-size)/2*-1);top:auto}.--contextmenu.--arrow-left::after{left:var(--context-arrow-x)}.--contextmenu.--arrow-right::after{right:var(--context-arrow-x)}.--contextmenu.--arrow-center::after{left:50%;margin-left:-8px}.--contextmenu .--line{height:var(--context-seperator-height);background:var(--context-seperator);margin:var(--context-seperator-margin)}.--contextmenu .--item{min-width:var(--context-item-width);width:100%;padding:var(--context-item-padding);gap:var(--context-item-gap);cursor:pointer;font-size:var(--context-item-font-size);border-radius:var(--context-item-radius);background:var(--context-item);border:0px;color:var(--context-item-color)}.--contextmenu .--item .--icon{width:var(--context-item-icon-size);height:var(--context-item-icon-size)}.--contextmenu .--item .--icon .--ico{font-size:var(--context-item-icon-size)}.--contextmenu .--item .--label{color:var(--context-item-color)}.--contextmenu .--item:hover{background:var(--context-item-hover)}body{--cover-bg: rgba(255,255,255,0.8);--cover-label: #111}.--cover{backdrop-filter:blur(4px);z-index:99999;gap:15px;pointer-events:auto}.--cover .label{font-size:14px;animation:breath 1s linear infinite}:root{--cropper-border: 3px #333 solid}.--cropper canvas{cursor:move;border:var(--cropper-border);margin-bottom:10px}.--cropper.--circle canvas{border-radius:50%}.--cropper .--cropper-slider{width:250px;margin:15px auto 0px auto}body{--crumb-padding: 6px 2px;--crumb-item-gap: 5px;--crumb-item-color: var(--text-primary);--crumb-item-hover: var(--text-primary-hover);--crumb-item-hover-color: #fff;--crumb-item-radius: 6px;--crumb-item-padding: 2px 5px}.--crumb{gap:var(--crumb-gap)}.--crumb li{padding:var(--crumb-padding) !important}.--crumb .--crumb-item{background:rgba(0,0,0,0);color:var(--crumb-item-color);gap:var(--crumb-item-gap);padding:var(--crumb-item-padding);border-radius:var(--crumb-item-radius)}.--crumb .--crumb-item{--button-disabled-color: var(--gray-500) !important}.--crumb .--crumb-item:hover{background:var(--crumb-item-hover);color:var(--crumb-item-hover-color)}.--crumb .--crumb-item:disabled{background:rgba(0,0,0,0) !important;pointer-events:none}.--crumb .--crumb-chevron{width:20px;line-height:0}.--crumb .--crumb-chevron svg{fill:var(--text-primary)}.--crumb .--list-seperator{padding:0px !important}:root{--datepicker: var(--gray-200);--datepicker-border: 0px;--datepicker-color: var(--black-900);--datepicker-padding-lg: 16px;--datepicker-font-size-lg: 18px;--datepicker-radius-lg: 6px;--datepicker-iconsize-lg: 30px;--datepicker-padding-md: 12px;--datepicker-font-size-md: 16px;--datepicker-radius-md: 4px;--datepicker-iconsize-md: 24px;--datepicker-padding-sm: 8px;--datepicker-font-size-sm: 15px;--datepicker-radius-sm: 2px;--datepicker-iconsize-sm: 20px}.--date-picker{background:var(--datepicker);corner-shape:squircle}.--date-picker.--lg{padding:0px var(--datepicker-padding-lg);font-size:var(--datepicker-font-size-lg);border-radius:var(--datepicker-radius-lg)}.--date-picker.--lg .--date-picker-icon{width:var(--datepicker-iconsize-lg);height:var(--datepicker-iconsize-lg)}.--date-picker.--md{padding:0px var(--datepicker-padding-md);font-size:var(--datepicker-font-size-md);border-radius:var(--datepicker-radius-md)}.--date-picker.--md .--date-picker-icon{width:var(--datepicker-iconsize-md);height:var(--datepicker-iconsize-md)}.--date-picker.--sm{padding:0px var(--datepicker-padding-sm);font-size:var(--datepicker-font-size-sm);border-radius:var(--datepicker-radius-sm)}.--date-picker.--sm .--date-picker-icon{width:var(--datepicker-iconsize-sm);height:var(--datepicker-iconsize-sm)}.--date-picker .--date-picker-icon svg{width:100%}.--date-picker .--input{background:rgba(0,0,0,0) !important;border:none !important;corner-shape:squircle}.--date-picker-chooser{position:absolute;z-index:1;background:var(--datepicker)}.--date-picker-chooser.--sm{border-radius:var(--datepicker-radius-sm)}.--date-picker-chooser.--sm .--button{font-size:var(--datepicker-font-size-sm) !important}body{--dialog-bg: var(--surface);--dialog-shadow: var(--zuz-shadow);--dialog-radius: 10px;--dialog-min-width: 300px;--dialog-head-padding: var(--padding-lg-x);--dialog-title-position: center;--dialog-title-opacity: 0.75;--dialog-title-font-size: 16px;--dialog-closer-size: 24px;--dialog-closer-bg: var(--background);--dialog-closer-color: var(--text-primary);--dialog-closer-hover: rgba(255,255,255,0.2);--dialog-closer-opacity: 0.75;--dialog-closer-hover-opacity: 1;--dialog-closer-radius: 50%;--dialog-body: var(--dialog-bg);--dialog-body-padding: var(--padding-xl-x);--dialog-footer: var(--background);--dialog-footer-padding: 10px;--dialog-action: var(--background);--dialog-action-color: #fff;--dialog-action-hover: var(--background-hover);--dialog-action-radius: 7px;--dialog-action-padding: 7px 20px;--dialog-action-font-size: 16px;--dialog-action-font-weight: bold}[color-scheme=dark] body{--dialog-closer-hover: rgba(255,255,255,0.2);--dialog-shadow: 0px 0px 0px 1px #1a1a1a, 0px 0px 6px #000000}.--dialog{z-index:var(--max-z-index);min-width:var(--dialog-min-width);pointer-events:auto !important}.--dialog.--dialog{background:var(--dialog-bg);border-radius:var(--dialog-radius);box-shadow:var(--dialog-shadow);transform-origin:center !important}.--dialog .--cover{border-radius:var(--dialog-radius)}.--dialog .--cover.fillx{top:-40px !important;bottom:-70px !important}.--dialog .--head{padding:var(--dialog-head-padding)}.--dialog .--head .--title{flex:1;font-size:var(--dialog-title-font-size);opacity:var(--dialog-title-opacity);text-align:var(--dialog-title-position);padding:0px 45px}.--dialog .--head .--closer{width:var(--dialog-closer-size);height:var(--dialog-closer-size);cursor:pointer;opacity:var(--dialog-closer-opacity);background:var(--dialog-closer-bg);border:0px;line-height:0;padding:3px;font-weight:normal;border-radius:var(--dialog-closer-radius);right:var(--padding-lg-x)}.--dialog .--head .--closer svg{fill:var(--dialog-closer-color)}.--dialog .--head .--closer:hover{background:var(--dialog-closer-hover);opacity:var(--dialog-closer-hover-opacity)}.--dialog .--body{background:var(--dialog-body);padding:var(--dialog-body-padding)}.--dialog .--body.--no-action{border-radius:0px 0px var(--dialog-radius) var(--dialog-radius)}.--dialog .--footer{padding:var(--dialog-footer-padding);background:var(--dialog-footer);border-radius:0px 0px var(--dialog-radius) var(--dialog-radius)}.--dialog .--footer .--action{background:var(--dialog-action);color:var(--dialog-action-color);border-radius:var(--dialog-action-radius);padding:var(--dialog-action-padding);font-size:var(--dialog-action-font-size);font-weight:var(--dialog-action-font-weight);border:0px}.--dialog .--footer .--action:hover{background:var(--dialog-action-hover)}body{--drawer-color: var(--surface);--drawer-handle-color: var(--muted);--drawer-radius-v: 0px;--drawer-radius-h: 0px;--drawer-shadow: var(--zuz-shadow)}.drawer-h,.--drawer.--right,.--drawer.--left{min-width:320px;max-width:90vw;top:calc(0px + var(--m));bottom:calc(0px + var(--m));border-radius:var(--drawer-radius-h)}.drawer-v,.--drawer.--bottom,.--drawer.--top{min-height:10vh;max-height:90vh;left:calc(0px + var(--m));right:calc(0px + var(--m));border-radius:var(--drawer-radius-v)}.--drawer{background:var(--drawer-color);border:var(--drawer-border);box-shadow:var(--drawer-shadow);z-index:var(--max-z-index);overflow-x:hidden;overflow-y:auto;will-change:transform,opacity;pointer-events:auto !important}.--drawer.--left{left:calc(0px + var(--m))}.--drawer.--right{right:calc(0px + var(--m))}.--drawer.--top{top:calc(0px + var(--m))}.--drawer.--bottom{bottom:calc(0px + var(--m))}.--drawer .--handle{width:100px;height:6px;border-radius:10px;background:var(--drawer-handle-color);margin:12px auto 0px auto}:root{--fab-icon-color: #fff;--fab-position: 30px}.--fab{z-index:var(--max-z-index);border-radius:50% !important}.--fab svg path{fill:var(--fab-icon-color)}.--fab.--sm{width:40px;height:40px;padding:20px}.--fab.--md{width:50px;height:50px;padding:15px}.--fab.--lg{width:60px;height:60px;padding:20px}.--fab.--bottomright{bottom:var(--fab-position);right:var(--fab-position)}.--fab.--bottomleft{bottom:var(--fab-position);left:var(--fab-position)}.--fab.--topright{top:var(--fab-position);right:var(--fab-position)}.--fab.--topleft{top:var(--fab-position);left:var(--fab-position)}body{--input: var(--gray-200);--input-border: 1px var(--border-primary) solid;--input-color: var(--text-primary)}input[type=date]::-webkit-calendar-picker-indicator{color:var(--text-primary)}[color-scheme=dark] body{--input: var(--gray-800)}.--input.--lg{padding:var(--padding-lg);font-size:var(--text-lg);border-radius:var(--radius-lg)}.--input.--md{padding:var(--padding-md);font-size:var(--text-md);border-radius:var(--radius-md)}.--input.--sm{padding:var(--padding-sm);font-size:var(--text-sm);border-radius:var(--radius-sm)}.--input.--xs{padding:var(--padding-xs);font-size:var(--text-xs);border-radius:var(--radius-xs)}.--input{background:var(--input);border:var(--input-border);color:var(--input-color);width:100%}.--input.--otp{letter-spacing:1ch;font-feature-settings:"tnum";font-variant:tabular-nums;font-family:monospace;line-height:1;text-indent:1.45ch;clip-path:inset(0 1ch 0 1ch);height:2ch}body{--kbd-bg: var(--slate-400);--kbd-color: #fff;--kbd-gap-xs: 1px;--kbd-gap-sm: 2px;--kbd-gap-md: 3px;--kbd-gap-lg: 4px;--kbd-gap-xl: 5px;--kbd-gap-xxl: 6px}.--keyboard-keys{background:var(--kbd-bg);color:var(--kbd-color)}.--keyboard-keys.--xs{gap:var(--kbd-gap-xs);border-radius:var(--radius-xs);padding:calc(var(--padding-xs-x)/2) var(--padding-xs-x);font-size:var(--text-xs)}.--keyboard-keys.--sm{gap:var(--kbd-gap-sm);border-radius:var(--radius-sm);padding:calc(var(--padding-sm-x)/2) var(--padding-sm-x);font-size:var(--text-sm)}.--keyboard-keys.--md{gap:var(--kbd-gap-md);border-radius:var(--radius-md);padding:calc(var(--padding-md-x)/2) var(--padding-md-x);font-size:var(--text-md)}.--keyboard-keys.--lg{gap:var(--kbd-gap-lg);border-radius:var(--radius-lg);padding:calc(var(--padding-lg-x)/2) var(--padding-lg-x);font-size:var(--text-lg)}.--keyboard-keys.--xl{gap:var(--kbd-gap-xl);border-radius:var(--radius-xl);padding:calc(var(--padding-xl-x)/2) var(--padding-xl-x);font-size:var(--text-xl)}.--keyboard-keys.--xll{gap:var(--kbd-gap-xll);border-radius:var(--radius-xll);padding:calc(var(--padding-xll-x)/2) var(--padding-xll-x);font-size:var(--text-xll)}:root{--list-item-padding-sm: 6px 10px}.--list.--sm li{padding:var(--list-item-padding-sm)}:root{--network-manager: #111;--network-manager-color: #fff;--network-manager-radius-sm: 8px;--network-manager-radius-md: 10px;--network-manager-radius-lg: 12px;--network-manager-padding-sm: 6px 10px;--network-manager-padding-md: 8px 12px;--network-manager-padding-lg: 10px 14px;--network-manager-icon-size-sm: 18px;--network-manager-icon-size-md: 20px;--network-manager-icon-size-lg: 24px;--network-manager-font-size-sm: 14px;--network-manager-font-size-md: 16px;--network-manager-font-size-lg: 18px}.--network-manager{color:var(--network-manager-color);z-index:var(--max-z-index);bottom:50px;left:50%}.--network-manager.--online{background:var(--green-600)}.--network-manager.--offline{background:var(--red-600)}.--network-manager svg{fill:var(--network-manager-color)}.--network-manager.--sm{padding:var(--network-manager-padding-sm);border-radius:var(--network-manager-radius-sm);font-size:var(--network-manager-font-size-sm);gap:6px}.--network-manager.--sm .--ico{width:var(--network-manager-icon-size-sm);height:var(--network-manager-icon-size-sm)}.--network-manager.--md{padding:var(--network-manager-padding-md);border-radius:var(--network-manager-radius-md);font-size:var(--network-manager-font-size-md);gap:8px}.--network-manager.--md .--ico{width:var(--network-manager-icon-size-md);height:var(--network-manager-icon-size-md)}.--network-manager.--lg{padding:var(--network-manager-padding-lg);border-radius:var(--network-manager-radius-lg);font-size:var(--network-manager-font-size-lg);gap:10px}.--network-manager.--lg .--ico{width:var(--network-manager-icon-size-lg);height:var(--network-manager-icon-size-lg)}body{--overlay: rgba(255,255,255, 0.7);--overlay-blur: 5px}[color-scheme=dark] body{--overlay: rgba(0, 0, 0, 0.7)}.--overlay{background:var(--overlay);z-index:var(--max-z-index);backdrop-filter:blur(var(--overlay-blur));pointer-events:auto !important}:root{--pagination: transparent;--pagination-padding: 10px;--pagination-font-size: 15px;--pagination-current-page-bg: var(--blue-500);--pagination-current-page-color: #fff;--pagination-disabled-page-color: var(--black-300);--pagination-table-button-padding: 4px 8px;--pagination-table-button-nav-padding: 3px;--pagination-table-button-size: 35px;--pagination-table-button-border: 1px #ddd solid;--pagination-table-button-color: #111;--pagination-table-button-hover-color: #111;--pagination-table-button-bg: #fff;--pagination-table-button-hover-bg: #eee;--pagination-table-gap: 1px;--pagination-table-radius: 5px;--pagination-table-icon-size: 26px}[color-scheme=dark]{--pagination-current-page-bg: var(--blue-500);--pagination-current-page-color: #fff;--pagination-disabled-page-color: var(--white-300);--pagination-table-button-border: 1px var(--pagination-table-button-bg) solid;--pagination-table-button-color: #f9f9f9;--pagination-table-button-hover-color: #fff;--pagination-table-button-bg: #333;--pagination-table-button-hover-bg: var(--blue-500)}.--pagination{padding:var(--pagination-padding);background:var(--pagination);font-size:var(--pagination-font-size)}.--pagination .--button.--current-page{background:var(--pagination-current-page-bg) !important;color:var(--pagination-current-page-color) !important}.--pagination .--button.--current-page:disabled{pointer-events:none !important;cursor:auto !important}.--pagination .--button:disabled:not(.--current-page){pointer-events:none !important;cursor:auto !important;background:rgba(0,0,0,0) !important;color:var(--pagination-disabled-page-color) !important}.--pagination.--pgt-table .--pgt-btns{gap:var(--pagination-table-gap)}.--pagination.--pgt-table .--pgt-btns.--pgt-nav{margin-left:20px}.--pagination.--pgt-table .--pgt-btns.--pgt-nav .--button{padding:var(--pagination-table-button-nav-padding)}.--pagination.--pgt-table .--button{min-width:var(--pagination-table-button-size);height:var(--pagination-table-button-size);font-size:var(--pagination-font-size);border:var(--pagination-table-button-border);background:var(--pagination-table-button-bg);color:var(--pagination-table-button-color);padding:var(--pagination-table-button-padding)}.--pagination.--pgt-table .--button:hover{background:var(--pagination-table-button-hover-bg);color:var(--pagination-table-button-hover-color)}.--pagination.--pgt-table .--button:hover svg{fill:var(--pagination-table-button-hover-color)}.--pagination.--pgt-table .--button:first-child{border-radius:var(--pagination-table-radius) 0px 0px var(--pagination-table-radius)}.--pagination.--pgt-table .--button:last-child{border-radius:0px var(--pagination-table-radius) var(--pagination-table-radius) 0px}.--pagination.--pgt-table .--button svg{fill:var(--pagination-table-button-color);width:var(--pagination-table-icon-size)}.--pagination.--pgt-table .--button.--current-page{border:1px var(--pagination-current-page-bg) solid !important}.--pagination.--pgt-table .--button:disabled svg{opacity:.4}body{--password-toggle-radius: 5px;--password-toggle: transparent;--password-toggle-width: 40px;--password-toggle-border: 0px;--password-toggle-padding: 6px;--password-toggle-size: 20px;--password-toggle-color: var(--text-secondary);--password-meter-gap: 4px;--password-meter-margin: 6px 0px 0px 0px;--password-meter-bar-height: 4px;--password-meter-bar-radius: 4px;--password-meter-label-size: 12px}.--password{overflow:hidden;width:100%}.--password .--input{padding-right:45px !important}.--password .--toggle{width:var(--password-toggle-width);background:var(--password-toggle);border:var(--password-toggle-border);padding:var(--password-toggle-padding);right:2px;bottom:2px;top:2px;z-index:1;border-radius:var(--password-toggle-radius);opacity:.5}.--password .--toggle .b-label{line-height:0 !important}.--password .--toggle svg{width:var(--password-toggle-size);height:var(--password-toggle-size);transition:all .2s linear 0s}.--password .--toggle svg path{fill:var(--password-toggle-color)}.--password .--toggle:hover svg{transform:scale(1.1)}.--password-meter{gap:var(--password-meter-gap);margin:var(--password-meter-margin)}.--password-meter .--password-bars{gap:var(--password-meter-gap);flex:1}.--password-meter .--password-bars .--pbar{flex:2;height:var(--password-meter-bar-height);border-radius:var(--password-meter-bar-radius);background:var(--gray-300)}.--password-meter .--password-meter-label{flex:1;margin-left:20px;text-align:right;font-size:var(--password-meter-label-size);font-weight:bold}.--password-meter.--pb-score-0 .--password-meter-label{opacity:0}.--password-meter.--pb-score-1 .--password-bars .--pbar.--pb-on,.--password-meter.--pb-score-2 .--password-bars .--pbar.--pb-on{background:var(--red-600)}.--password-meter.--pb-score-1 .--password-meter-label,.--password-meter.--pb-score-2 .--password-meter-label{color:var(--red-600)}.--password-meter.--pb-score-3 .--password-bars .--pbar.--pb-on,.--password-meter.--pb-score-4 .--password-bars .--pbar.--pb-on{background:var(--orange-600)}.--password-meter.--pb-score-3 .--password-meter-label,.--password-meter.--pb-score-4 .--password-meter-label{color:var(--orange-600)}.--password-meter.--pb-score-5 .--password-bars .--pbar.--pb-on{background:var(--green-600)}.--password-meter.--pb-score-5 .--password-meter-label{color:var(--green-600)}:root{--pin-radius: 4px;--pin-gap: 4px;--pin-shadow: inset 0px 0px 0px 2px #111;--pin-padding: 5px}.--otp{width:100%;gap:var(--pin-gap)}.--otp .--input{text-align:center;padding:var(--pin-padding) !important}.--otp .--input:not(:last-child),.--otp .--input:not(:first-child){border-radius:0px !important}.--otp .--input:first-child{border-radius:var(--pin-radius) 0px 0px var(--pin-radius) !important}.--otp .--input:last-child{border-radius:0px var(--pin-radius) var(--pin-radius) 0px !important}.--otp .--input:focus{box-shadow:var(--pin-shadow)}:root{--progress-width: 100%;--progress-height: 6px;--progress-radius: 6px;--progress-track: #eee;--progress-bar: #111;--progress-animation: 0.3s var(--ease) 0s}.--progress{background:var(--progress-track);width:var(--progress-width);height:var(--progress-height);border-radius:var(--progress-radius);overflow:hidden}.--progress .--bar{width:0%;background:var(--progress-bar);height:var(--progress-height);border-radius:var(--progress-radius)}.--progress.--animated .--bar{transition:width var(--progress-animation)}:root{--radio-size: 16px;--radio: var(--black-900);--radio-fill: #fff;--radio-border: 1px var(--radio) solid;--radio-gap: 5px;--radio-padding: 6px}.--radio{gap:var(--radio-gap);line-height:1}.--radio input[type=radio]{z-index:0;left:0px;top:0px;opacity:0}.--radio .--dot{width:var(--radio-size);height:var(--radio-size);background:var(--radio-fill);border:var(--radio-border);border-radius:50%}.--radio .--dot .--rod{width:calc(var(--radio-size) - var(--radio-padding)*1.5);height:calc(var(--radio-size) - var(--radio-padding)*1.5);border-radius:50%}.--radio .--value{flex:1}.--radio input[type=radio]:checked~.--dot{background:var(--radio)}.--radio input[type=radio]:checked~.--dot .--rod{background:var(--radio-fill)}body{--scrollbar-track-size: 8px;--scrollbar-track: rgba(0, 0, 0, 0);--scrollbar-track-hover: rgba(0, 0, 0, 0.1);--scrollbar-thumb: rgba(0, 0, 0, 0);--scrollbar-thumb-hover: rgba(0, 0, 0, 0.5);--scrollbar-thumb-active: rgba(0, 0, 0, 1);--scrollbar-content-padding: 0px 10px 20px 0px}[color-scheme=dark] body{--scrollbar-thumb-hover: rgba(255,255,255, 0.5);--scrollbar-thumb-active: rgba(255,255,255, 1)}.--scrollview{width:100%;height:100%;overflow:hidden}.--scrollview .--scroll-content{width:100%;height:100%;padding:var(--scrollbar-content-padding);-webkit-overflow-scrolling:touch;scroll-snap-type:none;overscroll-behavior:contain;overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.--scrollview .--scroll-content::-webkit-scrollbar{display:none}.--scrollview.--scrolling .--scroll-track{background:var(--scrollbar-track-hover) !important}.--scrollview.--scrolling .--scroll-track .--scroll-thumb{background:var(--scrollbar-thumb-hover) !important}.--scrollview.--no-y .--scroll-thumb,.--scrollview.--no-x .--scroll-thumb{pointer-events:none}.--scrollview:not(.--no-y):hover .--track-y .--scroll-thumb{background:var(--scrollbar-thumb-hover)}.--scrollview:not(.--no-y) .--track-y:hover{background:var(--scrollbar-track-hover)}.--scrollview:not(.--no-y) .--track-y .--scroll-thumb{cursor:pointer}.--scrollview:not(.--no-x):hover .--track-x .--scroll-thumb{background:var(--scrollbar-thumb-hover)}.--scrollview:not(.--no-x) .--track-x:hover{background:var(--scrollbar-track-hover)}.--scrollview:not(.--no-x) .--track-x .--scroll-thumb{cursor:pointer}.--scrollview .--scroll-track{background:var(--scrollbar-track);border-radius:5px;transition:background .2s;z-index:999999999}.--scrollview .--scroll-track.--track-y{right:0;top:0;width:var(--scrollbar-track-size);height:100%}.--scrollview .--scroll-track.--track-y .--scroll-thumb{width:var(--scrollbar-track-size);top:0;pointer-events:auto}.--scrollview .--scroll-track.--track-x{right:0;bottom:0;height:var(--scrollbar-track-size);width:100%}.--scrollview .--scroll-track.--track-x .--scroll-thumb{height:var(--scrollbar-track-size);bottom:0}.--scrollview .--scroll-track .--scroll-thumb{background:var(--scrollbar-thumb);border-radius:4px;transition:background .2s}.--scrollview .--scroll-track .--scroll-thumb:hover{opacity:1}.--scrollview .--scroll-track .--scroll-thumb:active{cursor:grabbing;background:var(--scrollbar-thumb-active);opacity:1}body{--search-color: var(--gray-100);--search-send-color: #111;--search-send-bg: transparent;--search-send-border: 0px;--search-send-size-xs: 18px;--search-send-size-sm: 24px;--search-send-size-md: 30px;--search-send-size-lg: 36px;--search-send-size-xl: 42px;--search-send-size-xxl: 48px}[color-scheme=dark] body{--search-send-color: #fff;--search-color: #444}.--search{width:100%;overflow:hidden;background:var(--search-color);border-radius:var(--search-radius)}.--search .--input{background:rgba(0,0,0,0) !important;color:var(--search-send-color);border:0px !important}.--search .--send{color:var(--search-send-color) !important}.--search .--send svg{fill:var(--search-send-color) !important}.--search.--xs{--search-radius: var(--search-radius-custom, var(--radius-xs))}.--search.--xs .--input{padding:var(--padding-xs-x) calc(var(--padding-xs-x)*1.5) !important;font-size:calc(var(--text-xs)*1.2) !important}.--search.--xs .--send{flex-shrink:0;width:calc(var(--search-send-size-xs)*1.65);height:100%;aspect-ratio:1/1;background:rgba(0,0,0,0)}.--search.--xs .--send svg{width:var(--search-send-size-xs);height:var(--search-send-size-xs);display:block}.--search.--xs .--keyboard-keys{right:calc(var(--search-send-size-xs)*2)}.--search.--xs.--search-rev{flex-direction:row-reverse}.--search.--xs.--search-rev .--input{padding-left:0 !important;padding-right:var(--padding-xs-x) !important}.--search.--xs.--search-rev .--keyboard-keys{right:calc(var(--padding-xs-x)*1.2)}.--search.--sm{--search-radius: var(--search-radius-custom, var(--radius-sm))}.--search.--sm .--input{padding:var(--padding-sm-x) calc(var(--padding-sm-x)*1.5) !important;font-size:calc(var(--text-sm)*1.2) !important}.--search.--sm .--send{flex-shrink:0;width:calc(var(--search-send-size-sm)*1.65);height:100%;aspect-ratio:1/1;background:rgba(0,0,0,0)}.--search.--sm .--send svg{width:var(--search-send-size-sm);height:var(--search-send-size-sm);display:block}.--search.--sm .--keyboard-keys{right:calc(var(--search-send-size-sm)*2)}.--search.--sm.--search-rev{flex-direction:row-reverse}.--search.--sm.--search-rev .--input{padding-left:0 !important;padding-right:var(--padding-sm-x) !important}.--search.--sm.--search-rev .--keyboard-keys{right:calc(var(--padding-sm-x)*1.2)}.--search.--md{--search-radius: var(--search-radius-custom, var(--radius-md))}.--search.--md .--input{padding:var(--padding-md-x) calc(var(--padding-md-x)*1.5) !important;font-size:calc(var(--text-md)*1.2) !important}.--search.--md .--send{flex-shrink:0;width:calc(var(--search-send-size-md)*1.65);height:100%;aspect-ratio:1/1;background:rgba(0,0,0,0)}.--search.--md .--send svg{width:var(--search-send-size-md);height:var(--search-send-size-md);display:block}.--search.--md .--keyboard-keys{right:calc(var(--search-send-size-md)*2)}.--search.--md.--search-rev{flex-direction:row-reverse}.--search.--md.--search-rev .--input{padding-left:0 !important;padding-right:var(--padding-md-x) !important}.--search.--md.--search-rev .--keyboard-keys{right:calc(var(--padding-md-x)*1.2)}.--search.--lg{--search-radius: var(--search-radius-custom, var(--radius-lg))}.--search.--lg .--input{padding:var(--padding-lg-x) calc(var(--padding-lg-x)*1.5) !important;font-size:calc(var(--text-lg)*1.2) !important}.--search.--lg .--send{flex-shrink:0;width:calc(var(--search-send-size-lg)*1.65);height:100%;aspect-ratio:1/1;background:rgba(0,0,0,0)}.--search.--lg .--send svg{width:var(--search-send-size-lg);height:var(--search-send-size-lg);display:block}.--search.--lg .--keyboard-keys{right:calc(var(--search-send-size-lg)*2)}.--search.--lg.--search-rev{flex-direction:row-reverse}.--search.--lg.--search-rev .--input{padding-left:0 !important;padding-right:var(--padding-lg-x) !important}.--search.--lg.--search-rev .--keyboard-keys{right:calc(var(--padding-lg-x)*1.2)}.--search.--xl{--search-radius: var(--search-radius-custom, var(--radius-xl))}.--search.--xl .--input{padding:var(--padding-xl-x) calc(var(--padding-xl-x)*1.5) !important;font-size:calc(var(--text-xl)*1.2) !important}.--search.--xl .--send{flex-shrink:0;width:calc(var(--search-send-size-xl)*1.65);height:100%;aspect-ratio:1/1;background:rgba(0,0,0,0)}.--search.--xl .--send svg{width:var(--search-send-size-xl);height:var(--search-send-size-xl);display:block}.--search.--xl .--keyboard-keys{right:calc(var(--search-send-size-xl)*2)}.--search.--xl.--search-rev{flex-direction:row-reverse}.--search.--xl.--search-rev .--input{padding-left:0 !important;padding-right:var(--padding-xl-x) !important}.--search.--xl.--search-rev .--keyboard-keys{right:calc(var(--padding-xl-x)*1.2)}.--search.--xll{--search-radius: var(--search-radius-custom, var(--radius-xll))}.--search.--xll .--input{padding:var(--padding-xll-x) calc(var(--padding-xll-x)*1.5) !important;font-size:calc(var(--text-xll)*1.2) !important}.--search.--xll .--send{flex-shrink:0;width:calc(var(--search-send-size-xll)*1.65);height:100%;aspect-ratio:1/1;background:rgba(0,0,0,0)}.--search.--xll .--send svg{width:var(--search-send-size-xll);height:var(--search-send-size-xll);display:block}.--search.--xll .--keyboard-keys{right:calc(var(--search-send-size-xll)*2)}.--search.--xll.--search-rev{flex-direction:row-reverse}.--search.--xll.--search-rev .--input{padding-left:0 !important;padding-right:var(--padding-xll-x) !important}.--search.--xll.--search-rev .--keyboard-keys{right:calc(var(--padding-xll-x)*1.2)}body{--segmented: #eee;--segmented-gap: 0px;--segmented-border: 1px #ddd solid;--segment-item: transparent;--segment-item-border: 0px;--segment-item-font-weight: normal;--segment-item-color: #999;--segment-item-hover-color: #777;--segment-item-active-color: #111;--segment-tab: #fff;--segment-tab-border: 0px;--segment-tab-bottom: 0px;--segment-tab-radius: calc(var(--segmented-radius) - var(--segmented-padding));--segmented-speed: 0.5s;--segmented-radius-sm: 8px;--segmented-padding-sm: 2px;--segment-item-gap-sm: 6px;--segmented-radius-md: 8px;--segmented-padding-md: 2px;--segment-item-gap-md: 8px;--segmented-radius-lg: 8px;--segmented-padding-lg: 2px;--segment-item-gap-lg: 10px;--segment-item-padding-sm: 5px 12px;--segment-item-font-size-sm: 15px;--segment-item-radius-sm: calc(var(--segmented-radius-sm) - var(--segmented-padding-sm));--segment-item-svg-size-sm: 18px;--segment-item-padding-md: 5px 12px;--segment-item-font-size-md: 15px;--segment-item-radius-md: calc(var(--segmented-radius-md) - var(--segmented-padding-md));--segment-item-svg-size-md: 18px;--segment-item-padding-lg: 5px 12px;--segment-item-font-size-lg: 15px;--segment-item-radius-lg: calc(var(--segmented-radius-lg) - var(--segmented-padding-lg));--segment-item-svg-size-lg: 18px}.--segmented{background:var(--segmented);border:var(--segmented-border);overflow:hidden;gap:var(--segmented-gap, 0px)}.--segmented .--segment-tab{bottom:var(--segment-tab-bottom);border:var(--segment-tab-border)}.--segmented.--sm{border-radius:var(--segmented-radius-sm);padding:var(--segmented-padding-sm)}.--segmented.--sm .--segment-item{padding:var(--segment-item-padding-sm);font-size:var(--segment-item-font-size-sm);border-radius:var(--segment-item-radius-sm);gap:var(--segment-item-gap-sm)}.--segmented.--sm .--segment-item svg{width:var(--segment-item-svg-size-sm)}.--segmented.--sm .--segment-tab{border-radius:calc(var(--segmented-radius-sm) - var(--segmented-padding-sm));transform:translateX(calc(var(--x) - var(--segmented-padding-sm)));top:var(--segmented-padding-sm)}.--segmented.--md{border-radius:var(--segmented-radius-md);padding:var(--segmented-padding-md)}.--segmented.--md .--segment-item{padding:var(--segment-item-padding-md);font-size:var(--segment-item-font-size-md);border-radius:var(--segment-item-radius-md);gap:var(--segment-item-gap-md)}.--segmented.--md .--segment-item svg{width:var(--segment-item-svg-size-md)}.--segmented.--md .--segment-tab{border-radius:calc(var(--segmented-radius-md) - var(--segmented-padding-md));transform:translateX(calc(var(--x) - var(--segmented-padding-md)));top:var(--segmented-padding-md)}.--segmented.--lg{border-radius:var(--segmented-radius-lg);padding:var(--segmented-padding-lg)}.--segmented.--lg .--segment-item{padding:var(--segment-item-padding-lg);font-size:var(--segment-item-font-size-lg);border-radius:var(--segment-item-radius-lg);gap:var(--segment-item-gap-lg)}.--segmented.--lg .--segment-item svg{width:var(--segment-item-svg-size-lg)}.--segmented.--lg .--segment-tab{border-radius:calc(var(--segmented-radius-lg) - var(--segmented-padding-lg));transform:translateX(calc(var(--x) - var(--segmented-padding-lg)));top:var(--segmented-padding-lg)}.--segmented .--segment-item{background:var(--segment-item);border:var(--segment-item-border);color:var(--segment-item-color);font-weight:var(--segment-item-font-weight);z-index:1;flex:1}.--segmented .--segment-item:disabled{background:rgba(0,0,0,0) !important}.--segmented .--segment-item:hover:not(:disabled){color:var(--segment-item-hover-color)}.--segmented .--segment-item .--segment-label{white-space:pre;transition:all var(--segmented-speed) var(--ease) 0s}.--segmented .--segment-item svg react{fill:var(--segment-item-color)}.--segmented .--segment-item svg path{fill:var(--segment-item-color)}.--segmented .--segment-item svg{fill:var(--segment-item-color)}.--segmented .--segment-item.--segment-active:not(:disabled){color:var(--segment-item-active-color)}.--segmented .--segment-item.--segment-active svg react{fill:var(--segment-item-active-color)}.--segmented .--segment-item.--segment-active svg path{fill:var(--segment-item-active-color)}.--segmented .--segment-item.--segment-active svg{fill:var(--segment-item-active-color)}.--segmented .--segment-tab:not(.--disabled){background:var(--segment-tab)}.--segmented .--segment-tab{width:var(--w);z-index:0;transition:all var(--segmented-speed) var(--ease) 0s}body{--select: var(--surface);--select-border-color: var(--border-primary);--select-border: 1px var(--select-border-color) solid;--select-z-index: 1;--select-gap: 5px;--select-arrow-width: 16px;--select-arrow-size: 16px;--select-arrow-color: var(--text-primary);--select-hover: var(--surface-hover);--select-options: var(--surface);--select-options-max-height: 400px;--select-options-top: 0.1rem;--select-options-padding: 4px;--select-option-color: var(--text-primary);--select-option-hover: var((--background));--select-option-radius: var(--select-radius);--select-selected: var(--background);--select-shadow: inherit;--select-search: #fff;--select-search-border: 1px #ddd solid;--select-search-padding: 4px 8px;--select-search-radius: 10px;--select-search-font-size: 15px;--select-search-color: var(--text-primary);--select-search-margin-bottom: 4px;--select-option-gap: 8px}.--select:not(.--expanded){width:fit-content}.--select.--xs{--select-radius: var(--radius-xs)}.--select.--xs .--selected{padding:var(--padding-xs);border-radius:var(--radius-xs);font-size:var(--text-xs)}.--select.--xs .--options-list{padding:var(--padding-xs-x);border-radius:calc(var(--radius-xs)/2)}.--select.--xs .--options-list button.--select-option-item{padding:var(--padding-xs) !important;border-radius:var(--radius-xs) !important}.--select.--sm{--select-radius: var(--radius-sm)}.--select.--sm .--selected{padding:var(--padding-sm);border-radius:var(--radius-sm);font-size:var(--text-sm)}.--select.--sm .--options-list{padding:var(--padding-sm-x);border-radius:calc(var(--radius-sm)/2)}.--select.--sm .--options-list button.--select-option-item{padding:var(--padding-sm) !important;border-radius:var(--radius-sm) !important}.--select.--md{--select-radius: var(--radius-md)}.--select.--md .--selected{padding:var(--padding-md);border-radius:var(--radius-md);font-size:var(--text-md)}.--select.--md .--options-list{padding:var(--padding-md-x);border-radius:calc(var(--radius-md)/2)}.--select.--md .--options-list button.--select-option-item{padding:var(--padding-md) !important;border-radius:var(--radius-md) !important}.--select.--lg{--select-radius: var(--radius-lg)}.--select.--lg .--selected{padding:var(--padding-lg);border-radius:var(--radius-lg);font-size:var(--text-lg)}.--select.--lg .--options-list{padding:var(--padding-lg-x);border-radius:calc(var(--radius-lg)/2)}.--select.--lg .--options-list button.--select-option-item{padding:var(--padding-lg) !important;border-radius:var(--radius-lg) !important}.--select.--xl{--select-radius: var(--radius-xl)}.--select.--xl .--selected{padding:var(--padding-xl);border-radius:var(--radius-xl);font-size:var(--text-xl)}.--select.--xl .--options-list{padding:var(--padding-xl-x);border-radius:calc(var(--radius-xl)/2)}.--select.--xl .--options-list button.--select-option-item{padding:var(--padding-xl) !important;border-radius:var(--radius-xl) !important}.--select.--xll{--select-radius: var(--radius-xll)}.--select.--xll .--selected{padding:var(--padding-xll);border-radius:var(--radius-xll);font-size:var(--text-xll)}.--select.--xll .--options-list{padding:var(--padding-xll-x);border-radius:calc(var(--radius-xll)/2)}.--select.--xll .--options-list button.--select-option-item{padding:var(--padding-xll) !important;border-radius:var(--radius-xll) !important}.--select .--selected{width:100%;gap:var(--select-gap);background:var(--select);border:var(--select-border);box-shadow:var(--select-shadow);line-height:1}.--select .--selected .--svg-arrow{color:var(--select-arrow-color)}.--select .--selected .--svg-arrow .--icon{font-size:var(--select-arrow-size)}.--select .--selected:hover{background:var(--select-hover)}.--select .--selected .--label{flex:1;text-align:left;color:var(--select-option-color)}.--select .--selected .--svg-arrow{width:var(--select-arrow-width)}.--select .--selected .--svg-arrow svg{fill:var(--select-arrow-color)}.--select .--options-list{backdrop-filter:blur(10px) saturate(0);left:0;top:calc(100% + var(--select-options-top));width:100%;max-height:var(--select-options-max-height);overflow-x:hidden;gap:2px;background:var(--select-options);box-shadow:var(--select-options-shadow);z-index:var(--max-z-index);scrollbar-color:var(--scrollbar-color)}.--select .--options-list .--select-search{margin-bottom:var(--select-search-margin-bottom);background:var(--select-search);top:0px}.--select .--options-list .--select-search .--search-input{background:inherit;border:var(--select-search-border);padding:var(--select-search-padding);border-radius:var(--select-search-radius);font-size:var(--select-search-font-size);color:var(--select-search-color)}.--select .--options-list button.--select-option-item{background:rgba(0,0,0,0);border:0px;text-align:left;color:var(--select-option-color);font-size:var(--select-text-size);white-space:pre;text-align:left !important;justify-content:flex-start;gap:var(--select-option-gap);width:100%}.--select .--options-list button.--select-option-item:hover{background:var(--select-option-hover)}.--select .--options-list button.--select-option-item.selected{background:var(--select-selected)}:root{--sheet-bg: #fff;--sheet-shadow: var(--zuz-shadow);--sheet-body: #fff;--sheet-radius: 10px;--sheet-padding: 6px 12px;--sheet-head-padding: 10px;--sheet-body-padding: 10px;--sheet-footer: #ddd;--sheet-footer-padding: 10px;--sheet-action: #222;--sheet-action-color: #fff;--sheet-action-hover: #333;--sheet-action-radius: 7px;--sheet-action-padding: 7px 20px;--sheet-action-font-size: 16px;--sheet-action-font-weight: bold;--sheet-closer-color: #111;--sheet-closer-hover: rgba(255,255,255,0.2);--sheet-closer-opacity: 0.75;--sheet-closer-hover-opacity: 1;--sheet-font-size: 15px;--sheet-title-position: center;--sheet-title-opacity: 0.75;--sheet-title-font-size: 16px;--sheet-closer-font-size: 36px;--sheet-error: #ff4747;--sheet-warn: #ffba00;--sheet-success: #23ac28}.--toast,.--sheet.--sheet-warn,.--sheet.--sheet-success,.--sheet.--sheet-error,.--sheet.--sheet-default{border-radius:var(--sheet-radius);padding:var(--sheet-padding);font-size:var(--sheet-font-size);white-space:pre}.--sheet{top:50%;left:50%;transform:translate(-50%, -50%);z-index:calc(var(--max-z-index) - 1);transform-origin:top left;transition:all .5s cubic-bezier(0.2, -0.36, 0, 1.46) 0s}.--sheet.--wobble{transform-origin:inherit !important}.--sheet.--sheet-default{background:#333;color:#fff;top:10px !important}.--sheet.--sheet-error{background:var(--sheet-error);color:#fff;top:10px}.--sheet.--sheet-success{background:var(--sheet-success);color:#fff;top:10px}.--sheet.--sheet-warn{background:var(--sheet-warn);color:#111;top:10px}.--sheet.--sheet-form{position:absolute !important}.--sheet.--sheet-dialog{background:var(--sheet-bg);border-radius:var(--sheet-radius);box-shadow:var(--sheet-shadow);transform-origin:top left !important}.--sheet.--sheet-dialog .--cover{border-radius:var(--sheet-radius)}.--sheet.--sheet-dialog .--cover.fillx{top:-40px !important;bottom:-70px !important}.--sheet .--head{padding:var(--sheet-head-padding)}.--sheet .--head .--title{flex:1;font-size:var(--sheet-title-font-size);opacity:var(--sheet-title-opacity);text-align:var(--sheet-title-position);padding:0px 45px;display:flex;align-items:center;justify-content:center}.--sheet .--head .--dot{flex:1}.--sheet .--head .--closer{width:32px;height:32px;cursor:pointer;font-size:var(--sheet-closer-font-size);color:var(--sheet-closer-color);background:rgba(0,0,0,0);border:0px;line-height:0;padding:0px;font-weight:normal;border-radius:20px;opacity:var(--sheet-closer-opacity);top:15px;right:5px;transform:translateY(-50%);font-size:var(--sheet-closer-font-size)}.--sheet .--head .--closer:hover{background:var(--sheet-closer-hover);opacity:var(--sheet-closer-hover-opacity)}.--sheet .--body{background:var(--sheet-body);padding:var(--sheet-body-padding)}.--sheet .--body.--no-action{border-radius:0px 0px var(--sheet-radius) var(--sheet-radius)}.--sheet .--footer{padding:var(--sheet-footer-padding);background:var(--sheet-footer);border-radius:0px 0px var(--sheet-radius) var(--sheet-radius)}.--sheet .--footer .--action{background:var(--sheet-action);color:var(--sheet-action-color);border-radius:var(--sheet-action-radius);padding:var(--sheet-action-padding);font-size:var(--sheet-action-font-size);font-weight:var(--sheet-action-font-weight);border:0px}.--sheet .--footer .--action:hover{background:var(--sheet-action-hover)}.--sheet.is-visible{z-index:var(--max-z-index)}body{--slider-radius: 5px;--slider-knob-size: 12px;--slider-knob-width: var(--slider-knob-size);--slider-knob-height: var(--slider-knob-size);--slider-knob-color: #fff;--slider-knob-radius: 50%;--slider-knob-border: 1px #ccc solid;--slider-knob-shadow: 0px 0px 2px #ccc;--slider-track: #fff;--slider-track-border: 1px #ddd solid;--slider-ghost: #f1f1f1;--slider-fill: #111;--slider-text: rgb(0, 98, 255);--slider-text-size: 15px;--slider-text-weight: normal;--slider-height: 6px}[color-scheme=dark] body{--slider-track: #3a3c3e;--slider-track-border: 1px #414244 solid;--slider-fill: #fff;--slider-ghost: rgba(255, 255, 255, 0.3);--slider-knob-border: 1px #fff solid}.--slider{--ghost-start: 0%;--ghost-width: 0%;--mouse-x: 50%}.--slider.--range{height:var(--slider-height);width:100%;min-width:100px}.--slider.--number{width:fit-content;text-align:center}.--slider input{height:100%;width:100%;opacity:0;touch-action:none;z-index:5}.--slider input[type=range]:hover{cursor:grab}.--slider input[type=range]:active{cursor:grabbing}.--slider input[type=number]{cursor:ns-resize}.--slider .--slider-track{background:var(--slider-track);height:100%;border-radius:var(--slider-radius);overflow:hidden;border:var(--slider-track-border);z-index:1}.--slider .--slider-track-filled{background:var(--slider-fill);height:100%;border-radius:var(--slider-radius);overflow:hidden;border:var(--slider-track-border);z-index:3;width:calc(var(--value)*1%)}.--slider .--slider-knob{width:var(--slider-knob-width);height:var(--slider-knob-height);top:50%;left:calc(var(--value)*1%);transform-origin:calc(var(--value)*1%) center;transform:translate(calc(var(--value) * -1%), -50%) scale(var(--knob-scale, 1));transition:transform .1s ease-in-out;background:var(--slider-knob-color);border-radius:var(--slider-knob-radius);border:var(--slider-knob-border);box-shadow:var(--slider-knob-shadow);pointer-events:none;z-index:4;corner-shape:round !important}.--slider .--slider-text{text-decoration:none;color:var(--slider-text);cursor:ew-resize;text-align:center;user-select:none;font-size:var(--slider-text-size);font-weight:var(--slider-text-weight)}.--slider.--knob-hover{--knob-scale: 0.5}.--slider.--knob-hover .--slider-knob{transform:translate(calc(var(--value) * -1%), -50%) scale(0.5);transition:transform .1s ease-in-out}.--slider.--knob-hover:hover .--slider-knob,.--slider.--knob-hover:active .--slider-knob{transform:translate(calc(var(--value) * -1%), -50%) scale(1)}.--slider.--knob-hover:hover,.--slider.--knob-hover:active{--knob-scale: 1}.--slider .--slider-ghost{z-index:2;position:absolute;top:0;bottom:0;left:calc(var(--ghost-start)*1%);width:calc(var(--ghost-width)*1%);background:var(--slider-ghost);pointer-events:none;opacity:0;transition:opacity .1s;border-radius:var(--slider-radius)}.--slider:hover .--slider-ghost{opacity:1}body{--spinner-primary: #111;--spinner-secondary: #e0e0e0}[color-scheme=dark]{--spinner-primary: #f6f6f6;--spinner-secondary: #d5d5d5}.--spinner{corner-shape:round !important}.--spinner.--simple{aspect-ratio:1;animation:spin infinite;width:var(--spinner-size);height:var(--spinner-size);border:var(--spinner-width) var(--spinner-secondary) solid;border-radius:50%;border-top-color:var(--spinner-primary);animation-timing-function:linear;animation-duration:var(--spinner-speed);--spinner-width: 3px;--spinner-speed: 0.4s}.--spinner.--simple.--xs{--spinner-size: 12px}.--spinner.--simple.--sm{--spinner-size: 24px}.--spinner.--simple.--md{--spinner-width: 4px;--spinner-size: 36px}.--spinner.--simple.--lg{--spinner-width: 5px;--spinner-size: 48px}.--spinner.--simple.--xl{--spinner-width: 6px;--spinner-size: 60px}.--spinner.--simple.--xxl{--spinner-width: 8px;--spinner-size: 72px}.--spinner.--roller{--g1: var(--spinner-primary) 96%, #0000;--g2: var(--spinner-secondary) 96%, #0000;width:calc(2*var(--R));aspect-ratio:1;border-radius:50%;display:grid;-webkit-mask:linear-gradient(#000 0 0);animation:l30 var(--spinner-speed) infinite linear;--spinner-speed: 1.2s}.--spinner.--roller.--xs{--R: 6px}.--spinner.--roller.--sm{--R: 10px}.--spinner.--roller.--md{--R: 12px}.--spinner.--roller.--lg{--R: 16px}.--spinner.--roller.--xl{--R: 22px}.--spinner.--roller.--xxl{--R: 30px}.--spinner.--roller:before,.--spinner.--roller:after{content:"";grid-area:1/1;width:50%;background:radial-gradient(farthest-side, var(--g1)) calc(var(--R) + .866*var(--R) - var(--R)) calc(var(--R) - .5*var(--R) - var(--R)),radial-gradient(farthest-side, var(--g1)) calc(var(--R) + .866*var(--R) - var(--R)) calc(var(--R) - .5*var(--R) - var(--R)),radial-gradient(farthest-side, var(--g2)) calc(var(--R) + .5*var(--R) - var(--R)) calc(var(--R) - .866*var(--R) - var(--R)),radial-gradient(farthest-side, var(--g1)) 0 calc(-1*var(--R)),radial-gradient(farthest-side, var(--g2)) calc(var(--R) - .5*var(--R) - var(--R)) calc(var(--R) - .866*var(--R) - var(--R)),radial-gradient(farthest-side, var(--g1)) calc(var(--R) - .866*var(--R) - var(--R)) calc(var(--R) - .5*var(--R) - var(--R)),radial-gradient(farthest-side, var(--g2)) calc(-1*var(--R)) 0,radial-gradient(farthest-side, var(--g1)) calc(var(--R) - .866*var(--R) - var(--R)) calc(var(--R) + .5*var(--R) - var(--R));background-size:calc(2*var(--R)) calc(2*var(--R));background-repeat:no-repeat}.--spinner.--roller:after{transform:rotate(180deg);transform-origin:right}@keyframes l30{100%{transform:rotate(-1turn)}}.--spinner.--wave{display:flex;align-items:center;gap:var(--spinner-gap)}.--spinner.--wave.--def,.--spinner.--wave.--xs{--spinner-radius: 2px;--spinner-gap: 2px;--spinner-wave-width: 2px;--spinner-wave-height: 6px}.--spinner.--wave.--sm{--spinner-radius: 2px;--spinner-gap: 3px;--spinner-wave-width: 4px;--spinner-wave-height: 12px}.--spinner.--wave.--md{--spinner-radius: 3px;--spinner-gap: 4px;--spinner-wave-width: 5px;--spinner-wave-height: 16px}.--spinner.--wave.--lg{--spinner-radius: 4px;--spinner-gap: 6px;--spinner-wave-width: 7px;--spinner-wave-height: 24px}.--spinner.--wave.--xl{--spinner-radius: 6px;--spinner-gap: 6px;--spinner-wave-width: 8px;--spinner-wave-height: 30px}.--spinner.--wave .--bar{width:var(--spinner-wave-width);background:var(--spinner-primary);border-radius:var(--spinner-radius);corner-shape:round !important}.--spinner.--wave .--bar.--bar1{animation:spinnerWave infinite;animation-delay:.1s;height:var(--spinner-wave-height);animation-duration:1.5s;animation-timing-function:ease-in-out}.--spinner.--wave .--bar.--bar2{animation:spinnerWave infinite;animation-delay:.2s;height:calc(var(--spinner-wave-height)*1.1);animation-duration:1.5s;animation-timing-function:ease-in-out}.--spinner.--wave .--bar.--bar3{animation:spinnerWave infinite;animation-delay:.3s;height:calc(var(--spinner-wave-height)*1.25);animation-duration:1.5s;animation-timing-function:ease-in-out}:root{--switch-height: 24px;--switch-width: 42px;--switch-knob-size: 20px;--switch-knob-left: 2px;--switch-knob-top: 2px;--switch-knob-left-on: 18px;--switch-checked: rgb(46, 161, 42);--switch-unchecked: rgb(203, 203, 203);--switch-knob: #fff;--switch-knob-shadow: #000;--switch-knob-shadow-size: 2px}.--switch.--md{--switch-height: 20px;--switch-width: 36px;--switch-knob-size: 16px;--switch-knob-left-on: 16px}.--switch.--sm{--switch-height: 10px;--switch-width: 34px;--switch-knob-size: 16px;--switch-knob-left: 0px;--switch-knob-top: -3px}.--switch{height:var(--switch-height);width:var(--switch-width);min-height:var(--switch-height);min-width:var(--switch-width);max-height:var(--switch-height);max-width:var(--switch-width);cursor:pointer}.--switch input[type=checkbox]{z-index:0;left:10px;top:10px;opacity:0}.--switch:before{content:"";position:absolute;height:var(--switch-height);width:var(--switch-width);background:var(--switch-unchecked);border-radius:50px;z-index:1;transition:all .3s linear 0s}.--switch:after{content:"";position:absolute;width:var(--switch-knob-size);height:var(--switch-knob-size);background:var(--switch-knob);border-radius:50px;z-index:2;top:var(--switch-knob-top);left:var(--switch-knob-left);box-shadow:0px 0px var(--switch-knob-shadow-size) var(--switch-knob-shadow);transition:all .75s var(--bounce) 0s}.--switch.is-checked:before{box-shadow:inset 0px 0px 0px 15px var(--switch-checked)}.--switch.is-checked:after{transform:translateX(var(--switch-knob-left-on))}:root{--table: transparent;--table-row: #eee;--table-row-even: #f1f1f1;--table-row-odd: #f9f9f9;--table-row-gap: 2px;--table-row-radius: 0px;--table-row-padding: 0px;--table-row-hover: #fff;--table-row-cursor: auto;--table-radius: 10px;--table-head-font-weight: bold;--table-head-padding: 0px;--table-head-font-size: 15px;--table-head-col-padding: 10px;--table-head-arrow: 14px;--table-head-arrow-margin: 5px;--table-head-arrow-color: #111;--table-col-padding: 10px;--table-col-selector-size: 40px;--table-border: 1px #eee solid;--table-head-radius: var(--table-radius) var(--table-radius) 0px 0px;--table-footer-radius: 0px 0px var(--table-radius) var(--table-radius);--table-spinner-top: 100px;--table-spinner-bg: rgba(255, 255, 255, 0.5);--table-spinner-radius: 10px;--table-spinner-padding: 10px;--table-spinner-gap: 6px;--table-spinner-border: 1px #eaeaea solid;--table-spinner-shadow: 0px 0px 4px transparent;--table-loading-message-size: 15px}.--table{background:var(--table);gap:var(--table-row-gap);flex:1}.--table.--hoverable .--row:not(.--row-head):not(.--row-footer):hover{background:var(--table-row-hover)}.--table .--row{background:var(--table-row);border-radius:var(--table-row-radius)}.--table .--row.--row-clickable{cursor:pointer !important}.--table .--row:not(.--row-head):not(.--row-footer){padding:var(--table-row-padding);cursor:var(--table-row-cursor)}.--table .--row:not(.--row-head):not(.--row-footer) .--col{padding:var(--table-col-padding)}.--table .--row:nth-child(1){border-radius:var(--table-head-radius)}.--table .--row:last-child{border-radius:var(--table-footer-radius)}.--table .--row:nth-child(even){background:var(--table-row-even)}.--table .--row:nth-child(odd){background:var(--table-row-odd)}.--table .--row.--row-head{font-weight:var(--table-head-font-weight);padding:var(--table-head-padding) !important;font-size:var(--table-head-font-size)}.--table .--row.--row-head .--col{padding:var(--table-head-col-padding)}.--table .--row .--col .--arrow{width:var(--table-head-arrow);margin-left:var(--table-head-arrow-margin)}.--table .--row .--col .--arrow svg{fill:var(--table-head-arrow-color)}.--table .--row .--col.--sortable{cursor:pointer;user-select:none}.--table .--row .--col.--selector{min-width:var(--table-col-selector-size);max-width:var(--table-col-selector-size)}.--table .--table-spinner{position:absolute;top:var(--table-spinner-top);left:50%;transform:translateX(-50%);background:var(--table-spinner-bg);border-radius:var(--table-spinner-radius);padding:var(--table-spinner-padding);gap:var(--table-spinner-gap);border:var(--table-spinner-border);box-shadow:var(--table-spinner-shadow);z-index:3}.--table .--table-loading-message{font-size:var(--table-loading-message-size)}body{--table-of-contents-color: var(--text-primary);--table-of-contents-color-active: var(--primary);--table-of-contents-dot-size: 8px;--table-of-contents-gap: 15px;--table-of-contents-title-size: var(--text-lg)}.--table-of-contents{gap:var(--table-of-contents-gap)}.--table-of-contents .--toc-title{font-size:var(--table-of-contents-title-size);font-weight:bold}.--table-of-contents ul{gap:5px}.--table-of-contents ul>li{position:relative;padding:0px !important}.--table-of-contents ul>li a{display:inline-block;text-decoration:none;line-height:1.2}.--table-of-contents ul>li a.--toc-active{color:var(--table-of-contents-color-active);font-weight:600}.--table-of-contents ul>li:first-of-type a{anchor-name:--toc-active}.--table-of-contents a:target,.--table-of-contents a:target-current{anchor-name:--toc-active;color:var(--primary) !important}.--table-of-contents:before{content:"";width:var(--table-of-contents-dot-size);height:var(--table-of-contents-dot-size);position:absolute;background:var(--table-of-contents-color-active);position-anchor:--toc-active;left:anchor(left);top:anchor(center);translate:-175% -50%;-webkit-position-area:left;margin-right:10px;align-self:center;transition:top .26s cubic-bezier(0.215, 0.61, 0.355, 1),left .26s;border-radius:50%}body{--tab-head: var(--surface);--tab-head-border: 0px;--tab-head-padding: 0px;--tab-line: var(--text-primary);--tab-line-radius: 10px;--tab-color: var(--text-secondary);--tab-color-hover: var(--text-secondary-hover);--tab-label-weight: bold;--tab-radius: 0px;--tab-padding: 10px 20px;--tab-border-width: 1px;--tab-border-style: solid;--tab-border-color: var(--surface);--tab-label-color: #999;--tab-label-active-color: #111;--tab-body: var(--surface)}.--tabview{min-width:0px}.--tabview .--tabview-head{--segmented: var(--tab-head);--segmented-border: var(--tab-head-border);--segmented-radius-sm: var(--tab-radius);--segmented-padding-sm: var(--tab-head-padding);--segment-item-color: var(--tab-color);--segment-item-hover-color: var(--tab-color-hover);--segmented-gap: 1px;--segment-tab: var(--tab-line)}.--tabview .--tabview-head .--segment-item{padding:var(--tab-padding) !important;color:var(--tab-label-color);background:var(--muted)}.--tabview .--tabview-head .--segment-item:hover{background:var(--muted-hover)}.--tabview .--tabview-head .--segment-item .--segment-label{font-weight:var(--tab-label-weight) !important}.--tabview .--tabview-head .--segment-item.--segment-active{color:var(--tab-label-active-color);background:var(--surface)}.--tabview .--tabview-head .--segment-item.--segment-active:hover{background:var(--surface)}.--tabview .--tabview-head .--segment-tab{top:90% !important;border-radius:var(--tab-line-radius) !important;z-index:2}.--tabview.--fixed .--tabview-head .--segment-item{max-width:fit-content !important}.--tabview .--tabview-body{border-width:var(--tab-border-width) var(--tab-border-width) var(--tab-border-width) var(--tab-border-width);border-style:var(--tab-border-style);border-color:var(--tab-border-color);overflow:hidden;border-radius:var(--tab-body-radius);width:100%;max-width:100%;min-width:0px;display:block;position:relative;background:var(--tab-body)}.--tabview .--tabview-body .--track{transform-style:flat;will-change:transform,opacity;align-items:flex-start !important}.--tabview .--tabview-body .--content{width:100%;background:var(--tab-body, #fff);padding:var(--tab-body-padding);display:block;height:auto !important}[color-scheme=dark] body{--tab-label-color: #bcbcbc;--tab-label-active-color: #fff}body{--terminal-primary: #222;--terminal-secondary: #333;--terminal-border: 1px var(--terminal-primary) solid;--terminal-padding: 5px;--terminal-radius: 5px;--terminal-color: #eeeeee;--terminal-max-height: 100px}.--zuz-terminal{background:var(--terminal-primary);border:var(--terminal-border);font-family:monospace !important;border-radius:var(--terminal-radius)}.--zuz-terminal.--sm{font-size:var(--text-sm)}.--zuz-terminal.--md{font-size:var(--text-md)}.--zuz-terminal.--lg{font-size:var(--text-lg)}.--zuz-terminal.--xl{font-size:var(--text-xl)}.--zuz-terminal.--xxl{font-size:var(--text-xxl)}.--zuz-terminal .--terminal-log{flex:1;overflow-x:hidden;overflow-y:auto;margin-bottom:10px;max-height:var(--terminal-max-height);padding:var(--terminal-padding);white-space:pre-wrap;word-break:break-all;font-family:monospace;font-size:14px;gap:4px}.--zuz-terminal .--terminal-log span{display:inline}.--zuz-terminal .--terminal-input{background:var(--terminal-secondary);padding:0px var(--terminal-padding);color:var(--terminal-color)}.--zuz-terminal .--zuz-term-input{background-color:rgba(0,0,0,0) !important;border:0px !important;outline:none;color:var(--terminal-color);font-family:monospace;font-size:14px;flex:1;caret-color:lime}.--zuz-terminal ::-webkit-scrollbar{width:6px}.--zuz-terminal ::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.5);border-radius:10px}:root{--command-box: #eee;--command-box-width: fit-content;--command-box-radius: 5px;--command-box-padding: 10px;--command-box-column-count: 2;--command-box-column-width: 1fr;--command-box-gap: 10px;--command-box-shadow: 0px 1px 2px #dcdcdc;--command-box-border: 1px #c9c9c9 solid;--command-item: transparent;--command-item-text-color: #111;--command-item-text-size: 15px;--command-item-padding: 6px;--command-item-radius: 6px;--command-item-gap: 6px;--command-item-icon-size: 16px;--command-item-hover: #fff}.--command-box{background:var(--command-box);border-radius:var(--command-box-radius);padding:var(--command-box-padding);grid-template-columns:repeat(var(--command-box-column-count), var(--command-box-column-width));gap:var(--command-box-gap);width:var(--command-box-width);border:var(--command-box-border);box-shadow:var(--command-box-shadow);z-index:9;corner-shape:squircle}.--command-box .--command-item{background:var(--command-item) !important;text-align:left !important;color:var(--command-item-text-color) !important;white-space:pre;justify-content:flex-start !important;font-size:var(--command-item-text-size) !important;padding:var(--command-item-padding) !important;border-radius:var(--command-item-radius) !important;gap:var(--command-item-gap) !important}.--command-box .--command-item .--command-icon{font-size:var(--command-item-icon-size) !important}.--command-box .--command-item:hover{background:var(--command-item-hover) !important}:root{--text-wheel-speed: 2;--text-wheel-transition: translate calc(var(--text-wheel-speed) * 1s) var(--ease)}.--text-wheel{transform-style:flat}.--text-wheel .--wheel-char{font-variant:tabular-nums;overflow:hidden;height:1lh}.--text-wheel .--wheel-char .--wheel-char-track{transition:var(--text-wheel-transition)}.--text-wheel .--wheel-char .--wheel-char-track.--wheel-track-down{translate:0 calc((10 - var(--v))*-1lh)}.--text-wheel .--wheel-char .--wheel-char-track.--wheel-track-up{translate:0 calc((var(--v) + 1)*-1lh)}.--text-wheel .--wheel-char .--wheel-char-track span{height:1lh;transition:opacity .5s}body{--snack-bg: #222;--snack-btn: #434343;--snack-btn-hover: #505050;--snack-title-opacity: 1;--snack-msg-opacity: 0.8;--snack-container-offset: 60px;--snack-hover-shadow: #333}body .--snack{--progress-bar: rgba(0,0,0,0.4)}[color-scheme=dark] body{--snack-bg: #444;--snack-btn: #242222;--snack-btn-hover: #1d1b1b;--snack-hover-shadow: #555}[color-scheme=dark] body .--snack{--progress-bar: rgba(255,255,255,0.4)}.--toast-container{padding:20px;z-index:10000;gap:10px;width:100%;max-width:400px;pointer-events:none}.--toast-container.--bottomcenter,.--toast-container.--bottomright,.--toast-container.--bottomleft{bottom:var(--snack-container-offset)}.--toast-container.--topcenter,.--toast-container.--bottomcenter{left:50%;transform:translateX(-50%);align-items:center}.--toast-container.--topleft,.--toast-container.--bottomleft{left:0;align-items:flex-start}.--toast-container.--topright,.--toast-container.--bottomright{right:0;align-items:flex-end}.--toast-container .--snack{background:var(--snack-bg);transition:all .3s cubic-bezier(0.4, 0, 0.2, 1);color:#fff;pointer-events:auto;max-width:90vw;gap:6px;overflow:hidden}.--toast-container .--snack:hover{box-shadow:0px 0px 0px 1px var(--snack-hover-shadow)}.--toast-container .--snack.--xs{--progress-radius: var(--radius-xs);border-radius:var(--radius-xs);padding:var(--padding-xs-x)}.--toast-container .--snack.--xs .--meta .--tt{font-size:var(--text-xs);font-weight:bold}.--toast-container .--snack.--xs .--meta .--tm{font-size:calc(var(--text-xs) - 1px)}.--toast-container .--snack.--xs .--snack-btn{padding:var(--padding-xs);border-radius:var(--radius-xs)}.--toast-container .--snack.--sm{--progress-radius: var(--radius-sm);border-radius:var(--radius-sm);padding:var(--padding-sm-x)}.--toast-container .--snack.--sm .--meta .--tt{font-size:var(--text-sm);font-weight:bold}.--toast-container .--snack.--sm .--meta .--tm{font-size:calc(var(--text-sm) - 1px)}.--toast-container .--snack.--sm .--snack-btn{padding:var(--padding-sm);border-radius:var(--radius-sm)}.--toast-container .--snack.--md{--progress-radius: var(--radius-md);border-radius:var(--radius-md);padding:var(--padding-md-x)}.--toast-container .--snack.--md .--meta .--tt{font-size:var(--text-md);font-weight:bold}.--toast-container .--snack.--md .--meta .--tm{font-size:calc(var(--text-md) - 1px)}.--toast-container .--snack.--md .--snack-btn{padding:var(--padding-md);border-radius:var(--radius-md)}.--toast-container .--snack.--lg{--progress-radius: var(--radius-lg);border-radius:var(--radius-lg);padding:var(--padding-lg-x)}.--toast-container .--snack.--lg .--meta .--tt{font-size:var(--text-lg);font-weight:bold}.--toast-container .--snack.--lg .--meta .--tm{font-size:calc(var(--text-lg) - 1px)}.--toast-container .--snack.--lg .--snack-btn{padding:var(--padding-lg);border-radius:var(--radius-lg)}.--toast-container .--snack.--xl{--progress-radius: var(--radius-xl);border-radius:var(--radius-xl);padding:var(--padding-xl-x)}.--toast-container .--snack.--xl .--meta .--tt{font-size:var(--text-xl);font-weight:bold}.--toast-container .--snack.--xl .--meta .--tm{font-size:calc(var(--text-xl) - 1px)}.--toast-container .--snack.--xl .--snack-btn{padding:var(--padding-xl);border-radius:var(--radius-xl)}.--toast-container .--snack.--xll{--progress-radius: var(--radius-xll);border-radius:var(--radius-xll);padding:var(--padding-xll-x)}.--toast-container .--snack.--xll .--meta .--tt{font-size:var(--text-xll);font-weight:bold}.--toast-container .--snack.--xll .--meta .--tm{font-size:calc(var(--text-xll) - 1px)}.--toast-container .--snack.--xll .--snack-btn{padding:var(--padding-xll);border-radius:var(--radius-xll)}.--toast-container .--snack .--snack-btn{background:var(--snack-btn);border:none;color:#fff}.--toast-container .--snack .--snack-btn:hover{background:var(--snack-btn-hover)}.--toast-container .--snack .--ico{width:30px;height:30px;background:rgba(0,0,0,.1);border-radius:10px}.--toast-container .--snack .--ico .--icon{font-size:16px}.--toast-container .--snack .--ico .--no-icon{width:15px;height:15px;background:#fff;border-radius:10px}.--toast-container .--snack .--meta{flex:1}.--toast-container .--snack .--meta .--tt{font-weight:bold;opacity:var(--snack-title-opacity)}.--toast-container .--snack .--meta .--tm{opacity:var(--snack-msg-opacity)}.--toast-container .--snack .--actions{margin-left:15px}.--toast-container .--snack.--success{background:var(--green-600);--snack-hover-shadow: var(--green-700)}.--toast-container .--snack.--error{background:var(--red-600);--snack-hover-shadow: var(--red-700)}.--toast-container .--snack.--warn{background:var(--orange-600);--snack-hover-shadow: var(--red-700)}.--toast-container .--snack.--success,.--toast-container .--snack.--error,.--toast-container .--snack.--warn{--snack-btn: rgba(0,0,0,0.4);--snack-btn-hover: rgba(0,0,0,0.6);--progress-bar: rgba(0,0,0,0.4)}.--toast-container .--snack{--progress-height: 4px;--progress-track: transparent}.--toast-container .--snack .--progress{left:0px;right:0px;bottom:0px}body{--tooltip: #222;--tooltip-color: #fafafa}[color-scheme=dark] body{--tooltip: #777;--tooltip-color: #fafafa}.--with-tooltip{--tooltip-font-size: 12px;--tooltip-font-weight: normal;--tooltip-radius: 5px;--tooltip-padding: 2px 4px;--tooltip-arrow-size: 10px}.--with-tooltip .--tooltip{background:var(--tooltip);color:var(--tooltip-color);font-size:var(--tooltip-font-size);font-weight:var(--tooltip-font-weight);border-radius:var(--tooltip-radius);padding:var(--tooltip-padding);z-index:var(--max-z-index);overflow:visible;pointer-events:none;user-select:none}.--with-tooltip .--tooltip:before{content:"";position:absolute;width:var(--tooltip-arrow-size);height:var(--tooltip-arrow-size);border-radius:calc(var(--tooltip-radius)/2);background:var(--tooltip);z-index:0}.--with-tooltip .--tooltip .--text{z-index:1;white-space:pre}.--with-tooltip .--tooltip.--top:before{bottom:-0.2lh;left:50%;transform:translateX(-50%) rotate(45deg)}.--with-tooltip .--tooltip.--bottom:before{top:-0.2lh;left:50%;transform:translateX(-50%) rotate(45deg)}.--with-tooltip .--tooltip.--left:before{right:-0.2lh;top:50%;transform:translateY(-50%) rotate(45deg)}.--with-tooltip .--tooltip.--right:before{left:-0.2lh;top:50%;transform:translateY(-50%) rotate(45deg)}:root{--treenode-root-label-icon-size: var(--treenode-label-icon-size);--treenode-root-label-font-weight: normal;--treenode-root-margin: 10px;--treeview-gap: 6px;--treenode-gap: 2px;--treenode-arrow-btn-size: 20px;--treenode-arrow-btn-opacity: 1;--treenode-arrow-icon-size: 12px;--treenode-arrow-icon-color: #111;--treenode-label-padding: 3px 6px;--treenode-label-radius: 3px 6px;--treenode-label-hover: #f1f1f1;--treenode-label-bg: transparent;--treenode-label-selected-bg: #eee;--treenode-label-selected-color: #111;--treenode-label-icon-color: #111;--treenode-label-icon-size: 15px;--treenode-label-color: #111;--treenode-label-size: 15px;--treenode-label-gap: 6px;--treenode-sub-margin: 20px}.--treeview{gap:var(--treeview-gap);width:100%}.--treeview .--treenode.--is-root:not(:first-child){margin-top:var(--treenode-root-margin)}.--treeview .--treenode.--is-root .--node .--node-meta .--node-icon.--icon-root{font-size:var(--treenode-root-label-icon-size)}.--treeview .--treenode.--is-root .--node .--node-label-root{font-weight:var(--treenode-root-label-font-weight)}.--treeview .--treenode .--node{gap:var(--treenode-gap)}.--treeview .--treenode .--node .--node-aro-btn{width:var(--treenode-arrow-btn-size);height:var(--treenode-arrow-btn-size);border:0px;background:rgba(0,0,0,0);opacity:var(--treenode-arrow-btn-opacity);transition:all .4s linear 0s}.--treeview .--treenode .--node .--node-aro-btn:hover{opacity:1}.--treeview .--treenode .--node .--node-aro-btn:disabled{filter:grayscale(1);opacity:0}.--treeview .--treenode .--node .--node-aro-btn .--node-aro-icon{font-size:var(--treenode-arrow-icon-size)}.--treeview .--treenode .--node .--node-aro-btn .--node-aro-icon:not(.--skeleton){color:var(--treenode-arrow-icon-color)}.--treeview .--treenode .--node .--node-aro-btn .--node-aro-icon:not(.--skeleton) svg{fill:var(--treenode-arrow-icon-color)}.--treeview .--treenode .--node .--node-aro-btn svg{fill:var(--treenode-arrow-icon-color)}.--treeview .--treenode .--node .--node-meta{background:rgba(0,0,0,0);gap:var(--treenode-label-gap);border:0px}.--treeview .--treenode .--node .--node-meta .--node-icon{font-size:var(--treenode-label-icon-size);min-width:var(--treenode-label-icon-size) !important}.--treeview .--treenode .--node .--node-meta .--node-icon:not(.--skeleton){color:var(--treenode-label-icon-color)}.--treeview .--treenode .--node .--node-meta .--node-label{font-size:var(--treenode-label-size);padding:var(--treenode-label-padding);border-radius:var(--treenode-label-radius);cursor:pointer}.--treeview .--treenode .--node .--node-meta .--node-label:not(.--skeleton){background:var(--treenode-label-bg);color:var(--treenode-label-color)}.--treeview .--treenode .--node .--node-meta:hover .--node-label{background:var(--treenode-label-hover)}.--treeview .--treenode .--node.--selected .--node-meta .--node-label:not(.--skeleton){background:var(--treenode-label-selected-bg);color:var(--treenode-label-selected-color)}.--treeview .--treenode .--sub-node{margin-top:var(--treeview-gap);gap:var(--treeview-gap);padding-left:var(--treenode-sub-margin)}*,*::before,*::after{box-sizing:border-box;-webkit-tap-highlight-color:rgba(0,0,0,0)}button{user-select:none;cursor:pointer}input{user-select:none}input:-webkit-autofill{background-color:rgba(0,0,0,0) !important;-webkit-box-shadow:0 0 0px 1000px rgba(0,0,0,0) inset;box-shadow:0 0 0px 1000px rgba(0,0,0,0) inset}body{--background: #e6eaf2;--background-hover: #dde2ec;--surface: #fff;--surface-hover: #f6f6f6;--muted: #fff;--muted-hover: #f6f6f6;--text-primary: #111;--text-primary-hover: #222;--text-secondary: #444;--text-secondary-hover: #666;--border-primary: #ddd;--scrollbar-color: #777 transparent}[color-scheme=dark] body{--background: #131313;--background-hover: #222;--surface: #1e1f20;--surface-hover: #292a2c;--muted: #272829;--muted-hover: #2e2f31;--text-primary: #fff;--text-primary-hover: #f6f6f6;--text-secondary: #e3e3e3;--text-secondary-hover: #d8d8d8;--border-primary: #333;--zuz-shadow: 0px 0px 0px 1px #252525, 0px 0px 6px #232323;--scrollbar-color: rgb(187, 187, 187) transparent}.--no-scroll{overflow:hidden}[aria-hidden=true]{user-select:none;pointer-events:none;cursor:auto}body{--radius-xs: 2px;--radius-sm: 4px;--radius: 8px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 20px;--radius-xxl: 32px;--padding-xs: 2px 4px;--padding-sm: 4px 8px;--padding-md: 8px 12px;--padding-lg: 16px 32px;--padding-xl: 24px 48px;--padding-xs-x: 2px;--padding-sm-x: 4px;--padding-md-x: 8px;--padding-lg-x: 16px;--padding-xl-x: 24px;--padding-xs-y: 4px;--padding-sm-y: 8px;--padding-md-y: 16px;--padding-lg-y: 32px;--padding-xl-y: 48px;--padding: var(--padding-md);--gap-xs: 4px;--gap-sm: 8px;--gap-md: 16px;--gap-lg: 24px;--gap-xl: 40px;--text-xs: 12px;--lh-xs: 1.2;--text-sm: 13px;--lh-sm: 1.4;--text-md: 14px;--lh-md: 1.5;--text-lg: 18px;--lh-lg: 1.5;--text-xl: 24px;--lh-xl: 1.3;--text-xxl: 32px;--lh-xxl: 1.2;--max-z-index: 2147483647;--zuz-shadow: 0px 0px 0px 1px #d4d4d4, 0px 0px 6px #ccc}[style*="--fx-x"],[style*="--fx-y"]{translate:var(--fx-x, 0px) var(--fx-y, 0px)}.abc,.fixed.abc,.--abs.abc,.abs.abc,.center-h,.center-v,.abs{--fx-x: 0px;--fx-y: 0px}.abc,.fixed.abc,.--abs.abc,.abs.abc{top:50%;left:50%;--abc-x: -50%;--abc-y: -50%;translate:calc(var(--abc-x) + var(--fx-x, 0px)) calc(var(--abc-y) + var(--fx-y, 0px))}.center-h{left:50%;--abc-x: -50%;translate:calc(var(--abc-x) + var(--fx-x, 0px)) var(--fx-y, 0px)}.center-v{top:50%;--abc-y: -50%;translate:var(--fx-x, 0px) calc(var(--abc-y) + var(--fx-y, 0px))}.--sticky{position:sticky}.flex{display:flex}.flex.cols{flex-direction:column}.flex.ass{align-self:flex-start}.flex.asc{align-self:center}.flex.ase{align-self:flex-end}.flex.aic{align-items:center}.flex.aie{align-items:flex-end}.flex.jcc{justify-content:center}.flex.jce{justify-content:flex-end}.flex.jcs{justify-content:flex-start}.--abs,.abs{position:absolute}.fixed{position:fixed}.fill{top:0px;left:0px;bottom:0px;right:0px;inset:0}.fillx{top:-10px;left:-10px;bottom:-10px;right:-10px}.tar{text-align:right}.tac{text-align:center}.tal{text-align:left}.taj{text-align:justify}.grid{display:grid}.nope{pointer-events:none}.nous{user-select:none}.rel{position:relative}.bold{font-weight:bold}.text-wrap,.ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.no-overflow{overflow:hidden}.w-full{width:100%}.h-full{height:100%}
|
package/dist/index.cjs
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
'use strict';var
|
|
2
|
-
var Jo={Circle:"CIRCLE",Square:"SQUARE"},Fp={Default:"DEFAULT",Circle:"CIRCLE"},Zp={Light:"light",Dark:"dark",System:"system"},Pe={Default:"DEFAULT",Switch:"SWITCH"},Ye={Auto:"auto",Top:"top",Bottom:"bottom",Left:"left",Right:"right"},oe=Ye,Qe=hooks.AnchorType,Kp=Qe,K={XSmall:"xs",Small:"sm",Medium:"md",Large:"lg",XLarge:"xl"},Wp={Asc:"ASC",Desc:"DESC"},Up={String:"STRING",Number:"NUMBER",Boolean:"BOOLEAN",Array:"ARRAY",Object:"OBJECT",Date:"DATE",Time:"TIME",DateTime:"DATETIME",File:"FILE"},Gp={Dots:"DOTS"},Re={IPV4:"IPV4",IPV6:"IPV6",Email:"EMAIL",Uri:"URI",Password:"PASSWORD",MatchField:"MATCHFIELD",Pattern:"*",GreaterThan:"GREATER_THAN"},he={Success:"success",Error:"error",Warning:"warning",Info:"info"},U={Spring:"SPRING",Liquid:"LIQUID",EaseInOut:"EASEINOUT",EaseOutBack:"EASEOUTBACK",Bounce:"BOUNCE"},q={FadeIn:"FADE_IN",ScaleIn:"SCALE_IN",SlideInTop:"SLIDE_FROM_TOP",SlideInRight:"SLIDE_FROM_RIGHT",SlideInBottom:"SLIDE_FROM_BOTTOM",SlideInLeft:"SLIDE_FROM_LEFT"},qp={Success:"success",Error:"error",Idle:"idle",Dead:"dead"},ye={Dialog:"DIALOG",Default:"DEFAULT",Error:"ERROR",Success:"SUCCESS",Warn:"WARN",Promise:"PROMISE"},Ze=ye,Zt={Left:"LEFT",Right:"RIGHT",Center:"CENTER"},jo=Zt,Xp={Bar:"BAR",Ring:"RING"},Kt={Default:"range",Text:"number"},Wt={Default:"DEFAULT",Card:"CARD"},xt={Gooey:"gooey"},ie={Left:"LEFT",Right:"RIGHT",Top:"TOP",Bottom:"BOTTOM"};var er=Symbol.for("zuz.global.map"),tr=t=>{globalThis[er]=t;},Xs=()=>globalThis[er]||{},Ut=t=>{let n=Array.isArray(t)?t.join(" "):t;if(!n||typeof n!="string")return "";let e=Xs();return process.env.NODE_ENV==="development"&&Object.keys(e).length===0&&console.warn(`[${
|
|
1
|
+
'use strict';var chunk7VB7CDPA_cjs=require('./chunk-7VB7CDPA.cjs'),react=require('react'),hooks=require('@zuzjs/hooks'),reactDom=require('react-dom'),jsxRuntime=require('react/jsx-runtime'),core=require('@zuzjs/core'),react$1=require('@zuzjs/core/react'),dateFns=require('date-fns');/* ZuzJS UI CLI */
|
|
2
|
+
var Jo={Circle:"CIRCLE",Square:"SQUARE"},Fp={Default:"DEFAULT",Circle:"CIRCLE"},Zp={Light:"light",Dark:"dark",System:"system"},Pe={Default:"DEFAULT",Switch:"SWITCH"},Ye={Auto:"auto",Top:"top",Bottom:"bottom",Left:"left",Right:"right"},oe=Ye,Qe=hooks.AnchorType,Kp=Qe,K={XSmall:"xs",Small:"sm",Medium:"md",Large:"lg",XLarge:"xl"},Wp={Asc:"ASC",Desc:"DESC"},Up={String:"STRING",Number:"NUMBER",Boolean:"BOOLEAN",Array:"ARRAY",Object:"OBJECT",Date:"DATE",Time:"TIME",DateTime:"DATETIME",File:"FILE"},Gp={Dots:"DOTS"},Re={IPV4:"IPV4",IPV6:"IPV6",Email:"EMAIL",Uri:"URI",Password:"PASSWORD",MatchField:"MATCHFIELD",Pattern:"*",GreaterThan:"GREATER_THAN"},he={Success:"success",Error:"error",Warning:"warning",Info:"info"},U={Spring:"SPRING",Liquid:"LIQUID",EaseInOut:"EASEINOUT",EaseOutBack:"EASEOUTBACK",Bounce:"BOUNCE"},q={FadeIn:"FADE_IN",ScaleIn:"SCALE_IN",SlideInTop:"SLIDE_FROM_TOP",SlideInRight:"SLIDE_FROM_RIGHT",SlideInBottom:"SLIDE_FROM_BOTTOM",SlideInLeft:"SLIDE_FROM_LEFT"},qp={Success:"success",Error:"error",Idle:"idle",Dead:"dead"},ye={Dialog:"DIALOG",Default:"DEFAULT",Error:"ERROR",Success:"SUCCESS",Warn:"WARN",Promise:"PROMISE"},Ze=ye,Zt={Left:"LEFT",Right:"RIGHT",Center:"CENTER"},jo=Zt,Xp={Bar:"BAR",Ring:"RING"},Kt={Default:"range",Text:"number"},Wt={Default:"DEFAULT",Card:"CARD"},xt={Gooey:"gooey"},ie={Left:"LEFT",Right:"RIGHT",Top:"TOP",Bottom:"BOTTOM"};var er=Symbol.for("zuz.global.map"),tr=t=>{globalThis[er]=t;},Xs=()=>globalThis[er]||{},Ut=t=>{let n=Array.isArray(t)?t.join(" "):t;if(!n||typeof n!="string")return "";let e=Xs();return process.env.NODE_ENV==="development"&&Object.keys(e).length===0&&console.warn(`[${chunk7VB7CDPA_cjs.f}] No utility map detected. Classes will not be hashed. `,"Ensure you call setZuzMap() or use <ThemeProvider zuzMap={...} />."),chunk7VB7CDPA_cjs.h(n).filter(Boolean).map(o=>{let s=o.match(/^([&@][\w-]+)\((.*)\)$/);if(s){let[i,p,f]=s;return chunk7VB7CDPA_cjs.h(f).map(l=>{let c=`${p}(${l})`;return e[c]||l}).join(" ")}return e[o]||o}).join(" ")},gu=t=>{let n=Array.isArray(t)?t.join(" "):t;return !n||typeof n!="string"?"":Ut(n)},or=t=>{let n={};for(let e in t){let r=t[e];if(e.startsWith("--")){n[e]=r;continue}let o=chunk7VB7CDPA_cjs.e[e]?.toString()??e;if(o==="x"||o==="translateX"){let s=n.translate?.split(" ")??["0px","0px"];n.translate=`${chunk7VB7CDPA_cjs.i.addUnitsSafely(e,r)} ${s[1]??"0px"}`;}else if(o==="y"||o==="translateY"){let s=n.translate?.split(" ")??["0px","0px"];n.translate=`${s[0]??"0px"} ${chunk7VB7CDPA_cjs.i.addUnitsSafely(e,r)}`;}else chunk7VB7CDPA_cjs.d.includes(o)?n[o]=chunk7VB7CDPA_cjs.i.addUnitsSafely(e,r):n[o]=r;}return n},Gt=t=>{if(!t)return "linear";switch(t.toUpperCase()){case U.Bounce:return "var(--bounce)";case U.Liquid:return "var(--liquid)";case U.Spring:return "var(--spring)";case U.EaseInOut:return "ease-in-out";case U.EaseOutBack:return "ease-out-back";default:return "linear"}},Je=(t,n=0)=>{let e={},r={},o=n||20;switch(t){case q.SlideInLeft:case q.SlideInRight:e={"--fx-x":t===q.SlideInLeft?`-${o}px`:`${o}px`,opacity:0},r={"--fx-x":"0px",opacity:1};break;case q.SlideInTop:case q.SlideInBottom:e={"--fx-y":t===q.SlideInTop?`-${o}px`:`${o}px`,opacity:0},r={"--fx-y":"0px",opacity:1};break;case q.ScaleIn:e={scale:0,opacity:0},r={scale:1,opacity:1};break;case q.FadeIn:e={opacity:0},r={opacity:1};break}return {from:e,to:r}},hu=(t,n,e)=>{let{from:r,to:o}=Je(t);return n?{...r,...o}:e?r:o};var Qs=(t,n)=>{let e=react.useRef([]),r=react.useRef(false);return react.useEffect(()=>{t?.when||(r.current=false);},[t?.transition]),react.useEffect(()=>{let o=n?.current;if(!o||!t||!t.clearAtEnd)return;let s=i=>{e.current.includes(i.propertyName)&&t.clearAtEnd===true&&(o.style.transform="",o.style.filter="",e.current.forEach(p=>o.style.removeProperty(p)));};return o.addEventListener("transitionend",s),()=>o.removeEventListener("transitionend",s)},[t,n]),react.useEffect(()=>{if(typeof window>"u"||!n?.current)return;let o=n.current;(t?.scroll||t?.mouse)&&(o.style.willChange="transform",o.style.translate="var(--fx-x, 0px) var(--fx-y, 0px)",o.style.transition=`translate 0.1s ${t.curve?Gt(t.curve):"var(--spring)"}`);},[t,n]),react.useMemo(()=>{if(!t)return {style:{}};let{transition:o,from:s,to:i,exit:p,when:f,duration:l=.3,delay:c=0,curve:m,watch:a=[]}=t,d=f===false&&!r.current;f===true&&(r.current=true);let T={},{from:h,to:S}=o?Je(o):{from:s||{},to:i||{}};T=f===void 0?{...h,...S}:f?{...S}:p||h;let P=Gt(m),I=[],x=or(T);e.current=Object.keys(x);let g={...x};return Object.keys(x).forEach(C=>{let y=C.startsWith("--")?"all":C;I.includes(y)||I.push(`${y} ${l}s ${P} ${c}s`);}),a.forEach(C=>{I.includes(C)||I.push(`${C} 0.1s ${P} 0s`);}),{style:{...g,transition:d?"none":I.join(", "),opacity:d?0:g.opacity,pointerEvents:d?"none":g.pointerEvents}}},[t,t?.when,t?.watch])},le=Qs;var Js=(t,n)=>{let{as:e,fx:r,transition:o,skeleton:s,className:i,propsToRemove:p,style:f,...l}=t||{},c=o?{transition:o,duration:.3}:r||{},{style:m}=le(c,n),a=Ut(e??"");return {style:{...f,...m},className:[i||"",a||"",s?.enabled?"--skeleton":""].join(" ").trim(),rest:{...chunk7VB7CDPA_cjs.g(l,p?[...p,"skeleton"]:["skeleton"])}}},N=Js;var sr="(prefers-color-scheme: dark)",ta=typeof window>"u",ir=react.createContext(void 0),Qt=t=>{let n=react.useContext(ir);if(!n){if(t===true)return;throw new Error("useColorScheme must be used within a ThemeProvider")}return n},G=Qt,oa=({children:t,storageKey:n="--ucs",forceTheme:e,zuzMap:r,...o})=>(r&&tr(r),jsxRuntime.jsx(ra,{storageKey:n,forceTheme:e,...o,children:t})),ra=({children:t,storageKey:n,forceTheme:e,...r})=>{let[o,s]=react.useState(()=>e||ar(n,"system")),[i,p]=react.useState(()=>e||ar(n)),f=a=>(a||(a=window.matchMedia(sr)),a.matches?"dark":"light"),l=react.useCallback(a=>{let d=a=="system"?f():a,T=document.documentElement;T.setAttribute("color-scheme",d),T.style.colorScheme=d,p(d);},[f]),c=react.useCallback(a=>{s(a),localStorage.setItem(n,a),l(a);},[o]),m=react.useCallback(a=>{let d=f(a);p(d),o==="system"&&l("system");},[o]);return react.useEffect(()=>{o==null&&window.localStorage.getItem(n);},[o]),react.useEffect(()=>{window.matchMedia(sr).addEventListener("change",m);},[m]),react.useEffect(()=>{let a=d=>{d.key==n&&(d.newValue?c(d.newValue):c("system"));};return window.addEventListener("storage",a),()=>window.removeEventListener("storage",a)},[c]),react.useEffect(()=>{l(e||o||"system");},[o]),jsxRuntime.jsxs(ir,{value:{colorScheme:o,resolvedScheme:i,setColorScheme:c,...r},children:[e?null:jsxRuntime.jsx("script",{suppressHydrationWarning:true,dangerouslySetInnerHTML:{__html:`const el = document.documentElement
|
|
3
3
|
const themes = ['light', 'dark']
|
|
4
4
|
let theme = localStorage.getItem(\`${n}\`) || "system";
|
|
5
5
|
if (theme === "system") {
|
|
@@ -11,4 +11,4 @@ var Jo={Circle:"CIRCLE",Square:"SQUARE"},Fp={Default:"DEFAULT",Circle:"CIRCLE"},
|
|
|
11
11
|
${o==true?`<span class="--line-number">${g+1}</span>`:""}
|
|
12
12
|
<span class="--line-content">${C||" "}</span>
|
|
13
13
|
</div>`}).join("")},[e,d]);return jsxRuntime.jsx(u,{as:`--code-block ${c}`,style:m,...f,children:jsxRuntime.jsx("pre",{ref:t,children:jsxRuntime.jsx("code",{className:`--code --lang-${r}`,dangerouslySetInnerHTML:{__html:T}})})})},Wl=Kl;var Tn=({onSelect:t,meta:n,selected:e,disabled:r=false})=>{let o=react.useRef(null),{index:s,icon:i,label:p}=n,[f,l]=react.useState({x:0,width:0}),c=hooks.useDelayed();return react.useLayoutEffect(()=>{if(c&&o.current){let{width:m,x:a}=o.current.getBoundingClientRect();l({x:a,width:m}),e&&t(s,m,a,n,true);}},[c,o.current]),react.useEffect(()=>{e&&t(s,f.width,f.x,n,false);},[e]),jsxRuntime.jsxs(A,{disabled:r,onClick:()=>t(s,f.width,f.x,n,false),ref:o,className:`--segment-item flex aic rel ${e?"--segment-active":""}`.trim(),children:[i?typeof i=="string"?jsxRuntime.jsx(j,{name:i,as:"--segment-icon"}):jsxRuntime.jsx(u,{as:"--segment-icon flex aic jcc",children:i}):null,p&&String(p).trim()!=""&&jsxRuntime.jsx(u,{className:"--segment-label",children:p||`Item ${s}`})]})};Tn.displayName="SelectTabItem";var Pn=Tn;var In=react.forwardRef((t,n)=>{let{fx:e,items:r,selected:o,variant:s,disabled:i=false,onSwitch:p,...f}=t,[l,c]=react.useState(o||0),m=hooks.useDelayed(50),a=react.useRef(l),{className:d,style:T,rest:h}=N(f),S=react.useRef(null),P=react.useRef(null),{variant:I}=G(true),x=(g,C,y,v,R)=>{if((R||l!=g&&l!=-2)&&(c(g),a.current=l,queueMicrotask(()=>{m&&p?.(v);})),S.current){let M=P.current?.getBoundingClientRect();S.current.style.setProperty("--w",`${C}px`),S.current.style.setProperty("--x",`${M?y-M.left:y}px`);}};return react.useImperativeHandle(n,()=>({setSelected:g=>{typeof g=="number"&&g!=l&&c(g);}}),[l]),jsxRuntime.jsxs(u,{ref:P,"data-selected":l,className:`${d} --segmented --${s||I||K.Medium} flex aic rel`,style:T,...h,children:[jsxRuntime.jsx(u,{ref:S,className:`--segment-tab --${i?"disabled":"abled"} abs`}),r.map((g,C)=>jsxRuntime.jsx(Pn,{disabled:i,onSelect:x,selected:l==C,meta:{...g,index:C}},`segment-${g.label}-${C}`))]})});In.displayName="Zuz.SelectTabs";var mt=In;var Bn=react.forwardRef((t,n)=>{let{type:e,...r}=t,o=hooks.useDelayed(),{colorScheme:s,setColorScheme:i}=Qt(),p=react.useCallback(()=>{i(s=="dark"?"light":s=="light"?"system":"dark");},[s]),{className:f,style:l}=N(r),c=react.useMemo(()=>e=="system"?[{tag:"light",index:0,label:"",icon:O.colorSchemeLight},{tag:"system",index:1,label:"",icon:O.colorSchemeSystem},{tag:"dark",index:2,label:"",icon:O.colorSchemeDark}]:[{tag:"light",index:0,label:"",icon:O.colorSchemeLight},{tag:"dark",index:2,label:"",icon:O.colorSchemeDark}],[]),m=react.useMemo(()=>["light","system","dark"].indexOf(s),[s]);return !o||m==-1?null:e=="system"||e=="switch"?jsxRuntime.jsx(mt,{className:`--color-scheme --${e}`,onSwitch:({tag:a})=>{i(a);},selected:m,items:c,...r}):jsxRuntime.jsx(A,{onClick:p,style:l,as:`--color-scheme-switch --${r.variant||K.Small} ${f}`.trim(),children:s=="system"?O.colorSchemeSystem:s=="light"?O.colorSchemeLight:O.colorSchemeDark})});Bn.displayName="Zuz.ColorScheme";var ac=Bn;var kn=react.forwardRef((t,n)=>{let[e,r]=react.useState("wait"),{title:o,message:s,acceptLabel:i,rejectLabel:p,position:f}=t,l=async c=>{r(c==1?"accepted":"rejected"),localStorage.setItem("--ccnt",String(c));};return react.useEffect(()=>{let c=localStorage.getItem("--ccnt");r(c?c=="1"?"accepted":"rejected":"pending");},[]),jsxRuntime.jsxs(u,{fx:{from:{x:-1e3},to:{x:0},when:e=="pending",curve:U.EaseInOut,duration:.5,delay:e=="accepted"?0:3},as:`--cookie-consent --${e} --${f||oe.Left} flex cols`,children:[jsxRuntime.jsx(D,{as:"--title",children:o||"This site uses cookies"}),jsxRuntime.jsx(D,{as:"--message",children:s||"We and selected third parties use cookies (or similar technologies) for technical purposes, to enhance and analyze site usage, to support our marketing efforts"}),jsxRuntime.jsxs(u,{as:"--footer flex aic",children:[jsxRuntime.jsx(A,{onClick:c=>l(1),as:"--accept",children:i||"Accept All"}),jsxRuntime.jsx(A,{onClick:c=>l(0),as:"--reject",children:p||"Cancel"})]})]})});kn.displayName="Zuz.CookiesConsent";var mc=kn;var Vn=({ref:t,...n})=>{let{title:e,position:r,margin:o,children:s,show:i,...p}=n,{style:f,className:l,rest:c}=N(p),[m,a]=react.useState(false),[d,T]=react.useState(null),h=react.useMemo(()=>r||oe.Top,[]),S=react.useRef(null),P=react.useRef(null),I=i!==void 0?i:m,x=v=>{},g=typeof ResizeObserver<"u"?new ResizeObserver(x):{observe:()=>{},unobserve:()=>{}},C=hooks.useDimensions(),y=react.useMemo(()=>{if(!P.current)return {left:0,top:0};let v=P.current.previousElementSibling;if(v){let R=v.getBoundingClientRect();switch(g.observe(v),h){case oe.Top:return {left:R.left+R.width/2,top:R.top-(o||25)};case oe.Bottom:return {left:R.left+R.width/2,top:R.top+(o||25)};case oe.Left:return {left:R.left-R.width/2,top:R.top+R.height/2};case oe.Right:return {left:R.right,top:R.top+R.height/2};default:return {left:0,top:0}}}},[P.current,C,h,I,g]);return react.useEffect(()=>{},[]),react.useImperativeHandle(t,()=>({setPosition:v=>{T(v);},show:()=>{},hide:()=>{}})),jsxRuntime.jsxs(u,{ref:S,className:"--with-tooltip rel",onMouseEnter:v=>a(true),onMouseLeave:v=>a(false),children:[s,jsxRuntime.jsx(u,{ref:P,style:{left:(d?d.x:y?.left)+"px",top:(d?d.y:y?.top)+"px"},className:`--tooltip --${h} abs ${l}`.trim(),fx:i!==void 0?void 0:{from:h==oe.Bottom||h==oe.Top?{opacity:0,x:"-50%",y:h==oe.Top?-5:5}:{opacity:0,y:"-50%",x:h==oe.Right?15:-25},to:h==oe.Bottom||h==oe.Top?{opacity:1,x:"-50%",y:0}:{opacity:1,y:"-50%",x:h==oe.Right?10:-20},curve:U.EaseInOut,when:I},children:jsxRuntime.jsx(D,{className:"--text rel",children:e})})]})};Vn.displayName="Zuz.ToolTip";var Po=Vn;var An=react.forwardRef((t,n)=>{let {type:e,value:r=0,min:o=0,max:s=1,step:i=.01,onChange:p,showGhostBar:f,showKnobOnHover:l,showToolTip:c,roundValue:m,formatValue:a,...d}=t,{className:T,style:h,rest:S}=N(d),P=react.useRef(i||.01).current,I=react.useRef(o||0).current,x=react.useRef(s||1).current,g=react.useRef(r||0).current,C=react.useRef(null),y=react.useRef(null),v=react.useRef(null),R=react.useRef(null);react.useRef(null);let B=react.useRef(null),H=react.useRef(null),E=react.useRef(null),$=react.useRef(null),F=(_,ne,de)=>(_-ne)/(de-ne)*100,W=_=>{if(y.current){let ne=parseFloat(_.currentTarget.value);J(ne);let de=F(ne,parseFloat(_.currentTarget.min),parseFloat(_.currentTarget.max));y.current.style.setProperty("--value",`${de}`),y.current.setAttribute("data-value",`${ne}`),p&&p(m?+ne.toFixed(2):ne);}},[b,k]=react.useState(false),[z,X]=react.useState(0),[V,Z]=react.useState(0),[Y,Q]=react.useState(false),J=async _=>{let ne=a?a(+_):m?(+_).toFixed(2):Math.round(+_);E.current&&(E.current.textContent=String(ne));},te=_=>{if(b){let ne=_.clientX-z,de=x-I,ht=ne/200*de,ge=Math.max(I,Math.min(V+ht,x));if(ge=Math.round(ge/P)*P,J(ge),y.current){let _t=F(ge,I,x);y.current.style.setProperty("--value",`${_t}`),y.current.setAttribute("data-value",`${ge}`),H.current&&(H.current.textContent=m?ge.toFixed(2):ge.toString()),p&&p(ge);}}},fe=()=>{k(false),document.body.style.cursor="auto";},xe=_=>(_-I)/(x-I)*100,be=_=>{if(!t.showGhostBar||!y.current)return;let ne=y.current.getBoundingClientRect(),de=_.clientX-ne.left,ht=Math.max(0,Math.min(100,de/ne.width*100));if(c&&E.current&&(J(xe(C.current?+C.current.value:r)),$.current?.setPosition({x:de,y:-36})),f){let ge=xe(C.current?+C.current.value:r),_t=Math.min(ge,ht),Gs=Math.abs(ht-ge);y.current.style.setProperty("--ghost-start",`${_t}`),y.current.style.setProperty("--ghost-width",`${Gs}`);}};react.useEffect(()=>{y.current&&y.current.style.setProperty("--value",C.current?`${F(parseFloat(C.current.value),parseFloat(C.current.min),parseFloat(C.current.max))}`:g.toString());},[]),react.useEffect(()=>(b?(document.addEventListener("mousemove",te),document.addEventListener("mouseup",fe)):(document.removeEventListener("mousemove",te),document.removeEventListener("mouseup",fe)),()=>{document.removeEventListener("mousemove",te),document.removeEventListener("mouseup",fe);}),[b]),react.useEffect(()=>{let _=F(r,I,x);y.current?.style.setProperty("--value",`${_}`),J(r);},[r,I,x,E.current]);let se=()=>jsxRuntime.jsxs(u,{ref:y,onMouseEnter:()=>Q(true),onMouseLeave:()=>Q(false),onMouseMove:be,className:`--slider --${e||Kt.Default} ${l?"--knob-hover":""} flex rel ${T}`.trim(),style:{...h},children:[jsxRuntime.jsx(u,{ref:B,className:"--slider-track abs fill"}),f&&jsxRuntime.jsx(u,{ref:R,className:"--slider-ghost abs fill"}),jsxRuntime.jsx(u,{className:"--slider-track-filled abs fill",style:{width:"calc(var(--value) * 1%)"}}),jsxRuntime.jsx(u,{ref:v,className:"--slider-knob abs"}),jsxRuntime.jsx(re,{ref:C,onInput:W,className:"abs fill",tabIndex:0,type:e||Kt.Default,defaultValue:g||0,step:P,max:x,min:I})]});if(c===true){let _=a?a(r):m?r.toFixed(2):r;return jsxRuntime.jsx(Po,{ref:$,show:b||Y,position:Ye.Top,margin:15,title:jsxRuntime.jsx(ee,{ref:E,children:_}),children:se()})}return se()});An.displayName="Zuz.Slider";var Io=An;var zn=react.forwardRef((t,n)=>{let{src:e,shape:r,size:o,...s}=t,{style:i,className:p,rest:f}=N(s),{canvasRef:l,crop:c,setScale:m,handleMouseDown:a,handleMouseUp:d,handleMouseMove:T}=hooks.useImageCropper(e,o||200,r||hooks.CropShape.Circle);return react.useImperativeHandle(n,()=>({getCropped(){return c()},setScale(h){m(h);}})),jsxRuntime.jsxs(u,{as:`--cropper --${r||hooks.CropShape.Circle} ${p}`,style:i,...f,children:[jsxRuntime.jsx("canvas",{ref:l,width:o||200,height:o||200,onMouseDown:a,onMouseUp:d,onMouseLeave:d,onMouseMove:T}),jsxRuntime.jsx(u,{as:"--cropper-slider",children:jsxRuntime.jsx(Io,{onChange:h=>m(h),min:0,max:1,step:.01,value:1})})]})});zn.displayName="Zuz.Cropper";var vc=zn;var Sc=(e=>(e.Circle="circle",e.Square="square",e))(Sc||{});var Fn=react.forwardRef((t,n)=>{let{items:e,maxItems:r}=t,o=react.useMemo(()=>{let p=typeof e=="string",f=p?[]:e;return p&&e.split(",").forEach(l=>{f.push({label:l});}),f},[e]),i=react.useMemo(()=>r&&r>0&&o.length>r-1,[o,r])?[...o.slice(0,2),{ID:".",label:"...",icon:"ellipsis",action:()=>{}},...o.slice(-r)]:o;return jsxRuntime.jsx(Ae,{ref:n,className:"--crumb flex aic",direction:"rows",seperator:jsxRuntime.jsx(u,{as:"--crumb-chevron",children:O.chevronRightOutline}),items:i.map((p,f,l)=>p.ID=="."?jsxRuntime.jsx(u,{as:"flex aic gap:3",children:Array(3).fill(null).map(()=>jsxRuntime.jsx(u,{as:"w:4 h:4 bg:$text r:10"},`--crumb-placeholder-${f}`))}):jsxRuntime.jsxs(A,{onClick:()=>p.action?.(),className:"--crumb-item",disabled:!l[f+1],children:[p.icon&&jsxRuntime.jsx(j,{as:"--crumb-icon",name:p.icon}),jsxRuntime.jsx(D,{as:"--crumb-label",children:p.label})]},`${p.label.replace(/\s+/g,"-").toLowerCase()}-${f}`))})});Fn.displayName="Zuz.Crumb";var Tc=Fn;var Wn=react.forwardRef((t,n)=>{let{icon:e,defaultValue:r,value:o,size:s,variant:i,numeric:p,type:f,onConfirm:l,...c}=t,[m,a]=react.useState(false),[d,T]=react.useState(r||null),{style:h,className:S,rest:P}=N(c),I=react.useRef(null),x=react.useRef(null),{reposition:g}=nt(x,{direction:oe.Bottom,offset:2}),C=v=>{p&&(v.currentTarget.value=v.currentTarget.value.replace(/[^0-9.]/g,"").replace(/(\..*?)\..*/g,"$1"));};react.useEffect(()=>{let v=R=>{let M=R.target,B=I.current?.contains(M),H=x.current?.contains(M);!B&&!H&&a(false);};return m&&document.addEventListener("mousedown",v),()=>{document.removeEventListener("mousedown",v);}},[m]),react.useEffect(()=>{let v=R=>{R.key==="Escape"&&m&&(a(false),I.current?.focus());};return document.addEventListener("keydown",v),()=>document.removeEventListener("keydown",v)},[m]);let y=()=>{a(true);};return react.useEffect(()=>{m&&g();},[m,g]),jsxRuntime.jsx(jsxRuntime.Fragment,{children:jsxRuntime.jsxs(u,{as:`--date-picker ${i?`--${i}`:""} rel flex aic ${S}`,"data-value":d?d.toISOString():"",children:[e?typeof e=="string"?jsxRuntime.jsx(j,{as:"mr:10 c:#666",name:e}):e:jsxRuntime.jsx(ee,{as:"--date-picker-icon flex aic jcc",children:O.calendar}),jsxRuntime.jsx("input",{ref:I,value:d?dateFns.format(d,"EEE, MMM d YYY hh:mm a"):o||"",className:`--input ${i?`--${i}`:""} flex`.trim(),style:h,onFocus:y,onInput:C,autoComplete:"new-password",onKeyDown:v=>{v.key=="Enter"&&l?.(v.currentTarget.value);},...P}),jsxRuntime.jsx(u,{"aria-hidden":!m,ref:x,fx:{from:{y:5,opacity:0},to:{y:0,opacity:1},when:m,duration:.05},as:`--date-picker-chooser flex aic ${i?`--${i}`:""}`,children:jsxRuntime.jsx(bo,{defaultValue:d,onChange:v=>{T(v),a(false);}})})]})})});Wn.displayName="Zuz.DatePicker";var Nc=Wn;var Un=react.forwardRef((t,n)=>{let{icon:e,variant:r,position:o}=t;return jsxRuntime.jsx(A,{className:`--fab fixed --${r||K.Large} --${o||"bottomright"}`,children:e||O.plus})});Un.displayName="Zuz.Fab";var kc=Un;var Gn=t=>{let{names:n,strength:e}=t,r={[xt.Gooey]:o=>jsxRuntime.jsxs("filter",{id:"gooey",children:[jsxRuntime.jsx("feGaussianBlur",{in:"SourceGraphic",stdDeviation:o||10,result:"blur"}),jsxRuntime.jsx("feColorMatrix",{in:"blur",mode:"matrix",values:"1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 18 -7",result:"goo"}),jsxRuntime.jsx("feBlend",{in:"SourceGraphic",in2:"goo"})]},`filter-${xt.Gooey}`)};return react.useEffect(()=>{},[n]),jsxRuntime.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",version:"1.1",children:jsxRuntime.jsx("defs",{children:(n||[xt.Gooey]).map(o=>r[o](e))})})};Gn.displayName="Zuz.Filters";var Hc=Gn;var ke=null,pe=null,Xn=react.forwardRef((t,n)=>{let{title:e,message:r,transition:o,curve:s,speed:i,type:p,actionPosition:f,spinner:l,loadingMessage:c,onShow:m,onHide:a,...d}=t,{className:T,style:h,rest:S}=N(d),[P,I]=react.useState(e||""),[x,g]=react.useState(r||""),[C,y]=react.useState(null),[v,R]=react.useState(p||ye.Default),M=react.useMemo(()=>core.uuid(12),[]),[B,H]=react.useState(false),E=react.useRef(null),$=react.useRef(null),[F,W]=react.useState(false),[b,k]=react.useState(true),z=react.useRef(null),X=x;react.useImperativeHandle(n,()=>({setLoading(Z){W(Z);},showDialog(Z,Y,Q,J){ke&&(clearTimeout(ke),pe&&clearTimeout(pe),E.current.classList.remove("--wobble"),setTimeout(()=>E.current.classList.add("--wobble"),50),pe=setTimeout(()=>{E.current.classList.remove("--wobble"),pe=null;},500)),R(ye.Dialog),Y&&g(Y),Z&&I(Z),Q&&y(Q.reduce((ue,te)=>(ue.push({...te,key:te.key||core.uuid(12)}),ue),[])),H(true),setTimeout(()=>J?J():()=>{},1e3);},dialog(Z,Y,Q,J){ke&&(clearTimeout(ke),pe&&clearTimeout(pe),E.current.classList.remove("--wobble"),setTimeout(()=>E.current.classList.add("--wobble"),50),pe=setTimeout(()=>{E.current.classList.remove("--wobble"),pe=null;},500)),R(ye.Dialog),g(Y),I(Z),Q&&y(Q.reduce((ue,te)=>(ue.push({...te,key:te.key||core.uuid(12)}),ue),[])),H(true),setTimeout(()=>J?J():()=>{},1e3);},error(Z,Y){this.show(Z,Y,ye.Error);},warn(Z,Y){this.show(Z,Y,ye.Warn);},success(Z,Y){this.show(Z,Y,ye.Success);},show(Z,Y,Q){ke&&(clearTimeout(ke),pe&&clearTimeout(pe),$.current=E.current.style.transform,E.current.style.transform="",E.current.classList.remove("--wobble"),setTimeout(()=>{E.current.classList.add("--wobble"),E.current.style.transform=`${$.current} scale(.9)`.trim();},50),pe=setTimeout(()=>{E.current.classList.remove("--wobble"),E.current.style.transform=$.current||"",pe=null;},500)),ke=setTimeout(()=>{H(false),ke=null,pe=null;},(Y||4)*1e3),R(Q||ye.Default),g(Z),H(true),m?.();},hide(){H(false),a?.();}}));let V=react.useMemo(()=>{let Z={when:B,duration:i||.3,delay:.1};if(v==ye.Dialog){if(o){let{from:Y,to:Q}=Je(o,20);return {from:Y,to:Q,curve:s||U.EaseInOut,...Z}}return {from:{scale:0,x:"-50%",y:"-50%",opacity:0},to:{scale:1,x:"-50%",y:"-50%",opacity:1},curve:U.Spring,...Z}}else return {from:{scale:0,x:"-50%",y:"-10vh",opacity:0},to:{scale:1,x:"-50%",y:0,opacity:1},curve:U.Spring,...Z}},[B,v]);return react.useEffect(()=>{z.current&&clearTimeout(z.current),B?k(true):z.current=setTimeout(()=>k(false),1e3);},[B]),v==ye.Dialog?jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx(He,{when:B}),jsxRuntime.jsxs(u,{className:`--sheet --sheet-${v.toLowerCase()} ${B?"is-visible":""} ${T} fixed`.trim(),style:h,fx:V,...S,ref:E,children:[jsxRuntime.jsx(Se,{when:F,spinner:l,message:c}),jsxRuntime.jsxs(u,{className:"--head flex aic rel",children:[jsxRuntime.jsx(u,{className:`--${P?"title":"dot"} flex aic rel`,children:P||""}),jsxRuntime.jsx(A,{onClick:Z=>H(false),className:"--closer abs",children:"\xD7"})]}),jsxRuntime.jsx(u,{className:`--body flex aic rel ${C?"":"--no-action"}`.trim(),children:b?X:null}),C&&jsxRuntime.jsx(u,{className:`--footer flex aic rel ${f?f==Zt.Center?"jcc":"":"jce"}`.trim(),children:C.map((Z,Y)=>jsxRuntime.jsx(A,{onClick:Q=>Z.handler?Z.handler():Z.onClick?Z.onClick():console.log("onClick Handler missing"),className:"--action",children:Z.label},`sheet-${M}-action-${Z.key}`))})]})]}):jsxRuntime.jsx(u,{className:`--sheet --sheet-${v.toLowerCase()} ${T} abs`.trim(),style:h,...S,fx:V,ref:E,children:B?x:null})}),ut=t=>typeof t=="object"&&t!=null&&"setLoading"in t&&"success"in t&&"error"in t;Xn.displayName="Zuz.Sheet";var zc=Xn;var Yn=({ref:t,...n})=>{let{name:e,cover:r,spinner:o,errors:s,action:i,children:p,withData:f,beforeSubmit:l,onSubmit:c,onError:m,onSuccess:a,resetOnSuccess:d,...T}=n,{className:h,style:S,rest:P}=N(T),[I,x]=react.useState(false),g=react.useRef(null),C=react.useRef(null),y=react.useRef(null),v=po(),R=react.useCallback(b=>g.current?g.current.querySelectorAll(b):[],[g.current]),M=b=>({name:b.name||b.getAttribute("name")||b.getAttribute("data-name"),required:b.required?true:b.getAttribute("data-required")?b.getAttribute("data-required")=="true":false,with:b.with||b.getAttribute("with")}),B=b=>{let k=[];return b.querySelectorAll(".--input").forEach(z=>{k.push(z.value);}),k.join("")},H=react.useCallback(b=>{let{required:z}=M(b);if(z){if(b.type=="checkbox"&&b.checked==false)return false;if(b.classList.contains("--otp")){let V=B(b);if(V==""||V.length<parseInt(b.getAttribute("data-size")))return false}if(b.classList.contains("--select")&&b.querySelector("button.--selected").dataset.value=="-1"||b.value=="")return false}if(b.getAttribute("with")){let V=b.getAttribute("with");switch(V.includes("@")&&(V=V.split("@")[0],V=="match"&&(V=Re.MatchField)),V.toUpperCase()){case Re.IPV4:return core._(b.value).isIPv4();case Re.IPV6:return core._(b.value).isIPv6();case Re.Email:return core._(b.value).isEmail();case Re.Uri:try{return new URL(b.value),!0}catch{return false}case Re.Password:return console.log("Add FORMVALIDATION.Password"),false;case Re.MatchField:let[Z,Y,Q]=b.getAttribute("with").split("@"),J=document.querySelector(`[name=${Y.trim()}]`);if(!J)return false;switch(Q||"direct-match"){case "if-not-empty":if(J&&!core._(J.value).isEmpty()&&J.value!=b.value)return false;break;case "direct-match":if(J&&J.classList.contains("--otp")&&b.classList.contains("--otp")&&B(J)!=B(b))return false;if(J&&J.value!=b.value)return false;break}break;default:return true}}return true},[g.current]),E=react.useCallback(()=>{let b={},k={},z=null,X=null;if(Array.from(R("[name]")).forEach(V=>{let{name:Z,required:Y,with:Q}=M(V),J=true;(Y||Q)&&(J=H(V)),b[Z]={valid:J,value:V.type=="checkbox"?V.checked==true?V.value:false:V.classList.contains("--otp")?B(V):V.classList.contains("--select")?V.querySelector("button.--selected").dataset.value:V.value},k[Z]=V.type=="checkbox"?V.checked==true:V.classList.contains("--otp")?B(V):V.classList.contains("--select")?V.querySelector("button.--selected").dataset.value:V.value,J?V.classList.remove("input-with-error"):(z==null&&s&&(z=V,X=s[Z]),V.classList.add("input-with-error"));}),z){let V=z;if(V.classList.contains("--otp"))for(let Z of Array.from(V.querySelectorAll(".--input"))){let Y=Z;if(Y.value==""){Y.focus();break}}else V.focus();}return {error:z!=null,errorMsg:X||"Fix errors to continue...",data:b,payload:k}},[g.current]),$=react.useCallback(()=>{let{error:b,errorMsg:k,payload:z}=E();b?v.error(k):i?react.startTransition(async()=>{l&&l(z),ut(r)?r.setLoading(true):x(true),v.clearAll(),core.withPost(i,{...z,...f||{}}).then(X=>{let V=X;ut(r)?r.setLoading(false):x(false),d&&Array.from(R("[name]")).forEach(Z=>{Z instanceof HTMLInputElement&&(Z.value="");}),a?a(V):(v.clearAll(),v.success(V.message||"Redirecting..."));}).catch(X=>{ut(r)?r.setLoading(false):x(false),m?m(X):v.error(X.message||"We cannot process your request at this time.");});}):c&&c(z);},[i,C.current,g.current]),F=react.useCallback(()=>{let b=R("[type=submit]");!b||b.length==0?console.warn("You should add at least 1 button with type=`SUBMIT`"):b.forEach(k=>{k.addEventListener("click",$);});},[g.current]),W=react.useMemo(()=>react$1.addPropsToChildren(p,b=>b.props.type=="submit",b=>({ref:y})),[p]);return react.useImperativeHandle(t,()=>({setLoading(b){if(b){C.current?.hide();try{v.clearAll();}catch{}}x(b);},showError(b){typeof b=="string"?v.error(b):C.current.error(b,4);},hideError(){C.current.hide();try{v.clearAll();}catch{}},init(){F();},submit(){$();}})),react.useEffect(F,[]),jsxRuntime.jsxs(u,{ref:g,style:S,className:`--form flex rel ${h} ${e?`--form-${e.replace(/\s+/g,"-")}`:""}`,propsToRemove:["withData","action","onSubmit","onSuccess","onError"],children:[!ut(r)&&jsxRuntime.jsx(Se,{message:r?r.message||void 0:"working",spinner:o,color:r&&"color"in r?r.color:"#ffffff",when:I}),W]})};Yn.displayName="Zuz.Form";var Xc=Yn;var Qn=t=>{let {ref:n,cols:e,rows:r,gap:o,gapX:s,gapY:i,align:p,justify:f,inline:l,flow:c,autoCols:m,autoRows:a,template:d,...T}=t;react.useRef(null);let {className:S,style:P,rest:I}=N(T),x=C=>typeof C=="number"?`repeat(${C}, 1fr)`:C,g={display:l?"inline-grid":"grid",gridTemplateColumns:x(e),gridTemplateRows:x(r),gap:o,columnGap:s,rowGap:i,alignItems:p,justifyContent:f==="between"?"space-between":f==="around"?"space-around":f,gridAutoFlow:c,gridAutoColumns:m,gridAutoRows:a,gridTemplateAreas:d,...P};return jsxRuntime.jsx(u,{ref:n,as:`--grid ${S}`.trim(),style:g,...I})};Qn.displayName="Zuz.Grid";var jc=Qn;var Jn=t=>typeof t=="string"&&t.includes("+"),jn={command:"\u2318",shift:"\u21E7",ctrl:"\u2303",option:"\u2325",enter:"\u21B5",delete:"\u232B",escape:"\u238B",tab:"\u21E5",capslock:"\u21EA",up:"\u2191",right:"\u2192",down:"\u2193",left:"\u2190",pageup:"\u21DE",pagedown:"\u21DF",home:"\u2196",end:"\u2198",help:"?",space:"\u2423",fn:"Fn",win:"\u2318",alt:"\u2325"},es={command:"Command",shift:"Shift",ctrl:"Control",option:"Option",enter:"Enter",delete:"Delete",escape:"Escape",tab:"Tab",capslock:"Caps Lock",up:"Up",right:"Right",down:"Down",left:"Left",pageup:"Page Up",pagedown:"Page Down",home:"Home",end:"End",help:"Help",space:"Space",fn:"Fn",win:"Win",alt:"Alt"};var os=react.forwardRef(({children:t,keys:n,as:e,className:r,variant:o},s)=>{let{variant:i}=G(true),p=react.useMemo(()=>{if(Jn(n)){let f=null;return {keys:String(n).split("+").reduce((c,m,a,d)=>(d[a+1]?c.push(m):f=m.toUpperCase(),c),[]),children:f}}return {keys:n,children:String(t).toUpperCase()}},[n]);return jsxRuntime.jsxs(u,{as:`--keyboard-keys --${o||i||K.Small} flex aic ${e} ${r}`.trim(),children:[(Array.isArray(p.keys)?p.keys:[p.keys]).map(f=>jsxRuntime.jsx("abbr",{title:es[f],children:jn[f]},f)),jsxRuntime.jsx(ee,{children:p?.children??t})]})});os.displayName="Zuz.KeyboardKeys";var Oo=os;var ns=react.forwardRef((t,n)=>{let e=hooks.useNetworkStatus(),{onlineMessage:r,offlineMessage:o,variant:s}=t;return jsxRuntime.jsxs(u,{fx:{from:{x:"-50%",y:200,opacity:0},to:{x:"-50%",y:0,opacity:1},when:e==false,curve:U.Spring,duration:.5,delay:2},className:`--network-manager --${e==true?"online":"offline"} --${s||K.Small} fixed flex`,children:[jsxRuntime.jsx(u,{className:"--ico",children:e?O[he.Success]:O[he.Error]}),jsxRuntime.jsx(D,{as:"--message",children:e?r||"internet connection restored :)":o||"no internet connection"})]})});ns.displayName="Zuz.NetWorkManager";var am=ns;var Ho=(e=>(e.Table="table",e.Gooey="gooey",e))(Ho||{});var is=react.forwardRef((t,n)=>{let{itemCount:e,itemsPerPage:r,startPage:o,pageRange:s,paginationStyle:i,breakLabel:p,prevLabel:f,nextLabel:l,hash:c,loading:m,seperator:a,renderOnZeroPageCount:d,onPageChange:T,...h}=t,S=react.useMemo(()=>core.toHash(core.numberInRange(4,8)),[]),P=react.useCallback(E=>`${core.toHash(E,c||6,S)}${a||""}${S}`,[S]),I=react.useMemo(()=>p||"...",[p]),[x,g]=react.useState({id:c?o?typeof o=="number"?P(o):o:1:o||1,label:o||1}),{style:C,className:y,rest:v}=N(h),R=react.useCallback(E=>typeof E=="number"?E:+E.label,[]);if(!e)throw new Error('"itemCount" prop is required');let M=react.useMemo(()=>Math.ceil(e/r),[e,r]),B=react.useMemo(()=>{let E=[],$=Math.max(R(x)-(s||2),1),F=Math.min(R(x)+(s||2),M);$>1&&E.push({id:c?P(1):1,label:1}),$>2&&E.push({id:-1,label:I});for(let W=$;W<=F;W++)E.push({id:c?P(W):W,label:W});return F<M-1&&E.push({id:-1,label:I}),F<M&&E.push({id:c?P(M):M,label:M}),E},[x]),H=react.useCallback(E=>{let $=E;+$.label<1||+$.label>M||(g($),T?.($));},[e,r,x]);return B.length<=1&&(d??false)===false?null:jsxRuntime.jsxs(u,{ref:n,as:`--pagination --pgt-${i||"table"} flex aic w:100% jcc ${y}`,children:[jsxRuntime.jsx(u,{as:"flex flex:1 aic --pgt-btns",children:(B.length>1?B:[{id:1,label:1},{id:-1,label:I}]).map((E,$,F)=>jsxRuntime.jsx(A,{disabled:E.id==-1||R(x)==+E.label,className:(typeof E=="string"?E:E.label)==R(x)?"--current-page":"",onClick:W=>H(E),children:typeof E=="string"?E:E.label},`--pg-${$}-${E.id}`))}),jsxRuntime.jsx(u,{as:"flex aic jcc flex:1 --pagination-label",children:[`Showing ${(R(x)-1)*r+1} - `,`${Math.min(R(x)*r,e)} of ${e} items`].join(" ")}),jsxRuntime.jsxs(u,{as:"flex aic jce flex:1 --pgt-btns --pgt-nav",children:[jsxRuntime.jsx(A,{disabled:R(x)<=1,onClick:E=>H({id:c?P(R(x)-1):R(x)-1,label:R(x)-1}),children:O.chevronLeftOutline}),jsxRuntime.jsx(A,{disabled:B.length<=1||R(x)==R(B[B.length-1]),onClick:E=>H({id:c?P(R(x)+1):R(x)+1,label:R(x)+1}),children:O.chevronRightOutline})]})]})});is.displayName="Zuz.Pagination";var Vo=is;var cs=react.forwardRef((t,n)=>{let{strenthMeter:e,onChange:r,...o}=t;"type"in o&&delete o.type;let{style:s,className:i,rest:p}=N(o),[f,l]=react.useState(false),[c,m]=react.useState(""),a=react.useMemo(()=>core.checkPasswordStrength(c),[c]),d=hooks.useDebounce(T=>{e&&m(T.target.value),r&&r(T);},100);return react.useEffect(()=>{},[]),jsxRuntime.jsxs(u,{as:"w:100% flex cols",children:[jsxRuntime.jsxs(u,{style:s,className:"--password flex aic rel",children:[jsxRuntime.jsx(re,{ref:n,type:f?"text":"password",className:i,onChange:d,...p}),jsxRuntime.jsx(A,{tabIndex:-1,onClick:()=>l(T=>!T),className:"--toggle flex aic jcc abs",children:f?O.eye:O.eyeSlash})]}),e&&jsxRuntime.jsxs(u,{as:`flex aic --password-meter --pb-score-${a.score}`,style:s,children:[jsxRuntime.jsxs(u,{as:"--password-bars flex aic",children:[jsxRuntime.jsx(u,{as:`--pbar ${a.score>=1?"--pb-on":""}`.trim()}),jsxRuntime.jsx(u,{as:`--pbar ${a.score>=2?"--pb-on":""}`.trim()}),jsxRuntime.jsx(u,{as:`--pbar ${a.score>=3?"--pb-on":""}`.trim()}),jsxRuntime.jsx(u,{as:`--pbar ${a.score>=4?"--pb-on":""}`.trim()}),jsxRuntime.jsx(u,{as:`--pbar ${a.score>=5?"--pb-on":""}`.trim()})]}),jsxRuntime.jsx(D,{as:"--password-meter-label","aria-hidden":true,children:a.result})]})]})});cs.displayName="Zuz.Password";var hm=cs;var ps=react.forwardRef((t,n)=>{let{size:e,length:r,mask:o,...s}=t,i=react.useRef([]),p="pinput",f=false,l={};"with"in s&&(l={with:s.with},delete s.with),"type"in s&&delete s.type,"name"in s&&(p=s.name,delete s.name),"required"in s&&(f=true,delete s.required);let{style:c}=N(s),m=a=>{let d=a.currentTarget,T=i.current[parseInt(d.dataset.index)+1],h=i.current[parseInt(d.dataset.index)-1];d.value.length===1&&T?T.focus():d.value.length===0&&h&&h.focus();};return react.useEffect(()=>{i.current=i.current.slice(0,e||r);},[e||r]),jsxRuntime.jsx(u,{name:p,style:c,className:"--otp flex aic rel","data-required":f,"data-size":e||r||4,...l,children:Array(e||r||4).fill(1).map((a,d)=>jsxRuntime.jsx(re,{autoComplete:"new-password","data-index":d,ref:T=>{i.current[d]=T;},numeric:true,onChange:m,maxLength:1,placeholder:o?"\xB7":"0",type:o?"password":"text",...s},`pin-${d}`))})});ps.displayName="Zuz.PinInput";var vm=ps;var us=react.forwardRef((t,n)=>{let{children:e,className:r,name:o,required:s,type:i,value:p,variant:f,checked:l,onSwitch:c,...m}=t,[a,d]=react.useState(l||false),{variant:T}=G(true),h=react.useRef(null);return jsxRuntime.jsxs(lt,{className:`${r} --${(i||Wt.Default).toLowerCase()} --radio${!i||i==Wt.Default?"":"card"} --${f||T||K.Small} flex aic rel`.trim(),...m,children:[jsxRuntime.jsx(re,{ref:h,defaultChecked:a,value:p||"rd",type:"radio",className:"abs",name:o,required:s||false,onChange:S=>{c&&c(S.target.checked,p||"cb"),d(S.target.checked);}}),jsxRuntime.jsx(u,{className:"--dot rel",children:jsxRuntime.jsx(u,{className:"--rod abs abc"})}),jsxRuntime.jsx(u,{className:"--value",children:e})]})});us.displayName="Zuz.Radio";var Tm=us;var fs=react.forwardRef((t,n)=>{let{fx:e,withStyle:r,as:o,reverse:s=false,searchIcon:i=O.search,hideSearchIcon:p=false,clearIcon:f=O.close,hideClearIcon:l=false,onChange:c,onClear:m,...a}=t,{style:d,className:T}=N({as:t.as}),[h,S]=react.useState(""),{variant:P}=G(true),I=react.useRef(null);"type"in t&&delete t.type;let x=C=>{S(C.target.value),c?.(C.target.value);},g=C=>{h.trim()!==""&&(S(""),c?.(""),I.current&&(I.current.value="",t.onConfirm?.("")));};return react.useImperativeHandle(n,()=>({focus:()=>I.current?.focus(),value:()=>I.current?.value})),react.useEffect(()=>{},[]),jsxRuntime.jsxs(u,{style:d,className:`--search ${s?"--search-rev":""} --${t.variant||P||K.Medium} flex aic ${typeof t.as=="string"&&t.as.includes("abs")?"":"rel"} ${T}`.trim(),children:[jsxRuntime.jsx(re,{ref:I,onChange:x,...a}),t.shortcut&&jsxRuntime.jsx(Oo,{keys:t.shortcut,as:"abs"}),jsxRuntime.jsx(A,{tabIndex:-1,onClick:C=>g(),className:"--send flex aic jcc",variant:t.variant||K.Medium,children:h!==""?!l&&(typeof f=="string"?jsxRuntime.jsx(j,{name:f,as:"--search-action"}):f):!p&&(typeof i=="string"?jsxRuntime.jsx(j,{name:i,as:"--search-action"}):i)})]})});fs.displayName="Zuz.Search";var Lm=fs;var gs=({value:t,updateValue:n,o:e})=>jsxRuntime.jsxs(A,{onClick:r=>n(e),as:"--select-option-item",className:t&&(typeof e=="string"?e:e.value)==(typeof t=="string"?t:t.value)?"selected":"",children:[e.icon&&jsxRuntime.jsx(j,{name:e.icon,as:`--select-option-icon --icon-${e.value}`,color:e.iconColor||void 0}),jsxRuntime.jsx(D,{suppressHydrationWarning:true,children:typeof e=="string"?e:e.label})]});gs.displayName="Option";var hs=gs;var xs=({ref:t,...n})=>{let{selected:e,options:r,label:o,name:s,variant:i,search:p,searchPlaceholder:f,maxHeight:l,arrowDownIcon:c=O.arrowDown,arrowUpIcon:m=O.arrowUp,expanded:a,onChange:d,...T}=n,[h,S]=react.useState(e?typeof e=="string"?r.find(b=>b.value===e):e:r[0]),[P,I]=react.useState(false),[x,g]=react.useState(null),C=react.useRef(null),y=react.useRef(null),v=react.useRef(null),R=react.useId(),M=react.useMemo(()=>s||R,[]),{reposition:B}=nt(v,{direction:Ye.Bottom,offset:2}),{variant:H}=G(true),{className:E,style:$,rest:F}=N(T),W=b=>{S(b),I(false),d&&d(b);};return react.useImperativeHandle(t,()=>({setSelected:b=>{if(typeof b=="string"){let k=r.find(z=>z.value===b);k&&S(k);}else S(b);},getValue:()=>h||null})),react.useEffect(()=>{if(!P)return;let b=()=>{B();};return window.addEventListener("scroll",b,true),window.addEventListener("resize",B),()=>{window.removeEventListener("scroll",B,true),window.removeEventListener("resize",B);}},[P,B]),react.useEffect(()=>{if(!P){y.current&&(y.current.value=""),g(null);return}y.current?.focus(),B();let b=z=>{v.current&&!v.current.contains(z.target)&&I(false);},k=setTimeout(()=>{document.addEventListener("click",b);},0);return ()=>{clearTimeout(k),document.removeEventListener("click",b);}},[P,B]),jsxRuntime.jsxs(u,{className:`--select --${a==true?"expanded":""} --${i||H} ${s?`--${s}`:""} rel`.trim(),name:M,children:[jsxRuntime.jsxs(A,{ref:C,"data-value":h?typeof h=="string"?h:h.value:h||"-1",className:`--selected flex aic rel ${E}`.trim(),withLabel:false,style:$,onClick:b=>{b.stopPropagation(),I(k=>!k);},...F,children:[jsxRuntime.jsx(D,{className:"--label",children:h?typeof h=="string"?h:h.label:o||"Choose"}),jsxRuntime.jsx(u,{className:"--svg-arrow rel flex aic jcc",children:P?typeof m=="string"?jsxRuntime.jsx(j,{name:m,as:"--search-action"}):m:typeof c=="string"?jsxRuntime.jsx(j,{name:c,as:"--search-action"}):c})]}),jsxRuntime.jsxs(u,{id:M,className:"--options-list flex cols abs","aria-hidden":!P,style:{maxHeight:l||"auto"},ref:v,fx:{from:{y:5,opacity:0},to:{y:0,opacity:1},when:P,duration:.05},children:[p&&jsxRuntime.jsx(u,{as:"--select-search --sticky",children:jsxRuntime.jsx(re,{ref:y,onChange:b=>{g(b.target.value==""?null:b.target.value);},className:"--search-input",placeholder:f||"Search..."})}),(x==null?r:r.filter(b=>b.label.toLowerCase().includes(x.toLowerCase())||b.value.toLowerCase().includes(x.toLowerCase()))).map(b=>jsxRuntime.jsx(hs,{updateValue:W,value:h,o:b},`option-${(typeof b=="string"?b:b.label).replace(/\s+/g,"-")}-${typeof b=="string"?b:b.value}`))]})]})};xs.displayName="Zuz.Select";var Vm=xs;var bs=react.forwardRef((t,n)=>jsxRuntime.jsx(ct,{type:Pe.Switch,...t,ref:n}));bs.displayName="Zuz.Switch";var $m=bs;var ws=t=>{let{idx:n,id:e,as:r,weight:o,style:s,value:i,render:p,resize:f,sortBy:l,sortable:c,onSort:m}=t,[a,d]=react.useState(0),T=()=>{c&&(m?.(String(e),a==1?-1:1),d(h=>h==1?-1:1));};return jsxRuntime.jsxs(u,{style:{flex:o||1,...s},as:`--col flex aic ${r||""} ${c?"--sortable":""}`,onClick:T,children:[jsxRuntime.jsx(u,{children:i}),n==-1&&c&&l==e&&jsxRuntime.jsx(u,{as:"--arrow flex aib",children:a==1?O.arrowUp:O.arrowDown})]})};ws.displayName="Zuz.Column";var Vt=ws;var Cs=t=>{let{index:n,pubsub:e,schema:r,data:o,ids:s,styles:i,animate:p,sortBy:f,selectable:l,tableRef:c,loading:m,rowClassName:a,onSort:d,onRowClick:T,onSelect:h,onContextMenu:S}=t,P=hooks.useDelayed(),I=react.useMemo(()=>({transition:q.SlideInBottom,curve:U.EaseInOut,delay:.02*(n+1)}),[]),x=react.useRef(null),g=(y,v)=>{n==-1?e.emit(`ALL_ROWS_${y?"CHECKED":"UNCHECKED"}`,y):(h&&h(o,y),e.emit(`ROW_${y?"CHECKED":"UNCHECKED"}`,y,v));},C=(y,v,R)=>jsxRuntime.jsx(Vt,{idx:y,id:v,as:"--selector",pubsub:e,value:jsxRuntime.jsx(ct,{value:R,ref:x,onSwitch:g,type:Pe.Default})});return react.useEffect(()=>{let y=(B,H)=>{x.current?.setChecked(B,false);},v=(B,H)=>{let E=false;c?.current&&c.current.querySelectorAll(".--row").forEach($=>{let F=$;if(!F.classList.contains("--row-head")){let W=F.querySelector(".--selector input[type=checkbox]");W&&W.checked&&!E&&(E=W.checked);}}),x.current.setChecked(E,false);},R=B=>{x.current?.setChecked(B,false),h&&h(o,B);},M=B=>{x.current?.setChecked(B,false),h&&h(o,B);};return n==-1?(e.on("ROW_CHECKED",y),e.on("ROW_UNCHECKED",v),()=>{e.off("ROW_CHECKED",y),e.off("ROW_UNCHECKED",v);}):(e.on("ALL_ROWS_CHECKED",R),e.on("ALL_ROWS_UNCHECKED",M),()=>{e.off("ALL_ROWS_CHECKED",R),e.off("ALL_ROWS_UNCHECKED",M);})},[]),jsxRuntime.jsxs(u,{onContextMenu:y=>S?S(y,o):null,onClick:y=>T?T(y,t.data):()=>{},...p?{fx:{...I,when:P}}:{},as:`--row flex aic ${T?"--row-clickable":""} ${n==-1?"--row-head":""} ${a||""}`,children:[n==-1&&r.map((y,v)=>{let{renderWhenHeader:R,render:M,value:B,...H}=y;return jsxRuntime.jsxs(react.Fragment,{children:[l&&v==0&&C(-1,`--selector-${y.id}`,"all"),jsxRuntime.jsx(Vt,{idx:-1,onSort:d,sortBy:f,value:B,...H,pubsub:e,style:i[y.id]})]},`--col-${y.id}`)}),m&&n>-1&&jsxRuntime.jsx(u,{as:"--col",children:jsxRuntime.jsx(D,{as:"opacity:0",children:"..."})}),!m&&n>-1&&s&&o&&r.map((y,v)=>jsxRuntime.jsxs(react.Fragment,{children:[l&&v==0&&C(v,`--selector-${y.id}`,y.id.toString()),s.includes(String(y.id))?jsxRuntime.jsx(Vt,{pubsub:e,idx:v,id:String(y.id),style:i[String(y.id)],value:y.render?y.render(o,n):o[String(y.id).includes(".")?String(y.id).split(".").reverse()[0]:y.id]}):null]},`--${String(y.id)}-val-${v}`))]})};Cs.displayName="Zuz.Row";var At=Cs;var Is=(t,n)=>{let{schema:e,rows:r,rowCount:o,rowsPerPage:s,currentPage:i,pagination:p,paginationHash:f,showPaginationOnZeroPageCount:l,animateRows:c,header:m,rowClassName:a,selectableRows:d,hoverable:T,sortBy:h,loading:S,loadingRowCount:P,loadingMessage:I,spinner:x,emptyMessage:g,onSort:C,onRowClick:y,onRowSelectToggle:v,onPageChange:R,onRowContextMenu:M,...B}=t,H=react.useRef(null),E=react.useMemo(()=>e.reduce((se,_)=>(se[_.id]={flex:_.weight||1,..._.w&&{width:_.w},..._.maxW&&{maxWidth:_.maxW},..._.minW&&{minWidth:_.minW},..._.h&&{height:_.h},..._.maxH&&{maxHeight:_.maxH},..._.minH&&{minHeight:_.minH}},se),{}),[e]),$=react.useMemo(()=>Object.keys(E),[e]),F=react.useMemo(()=>m??true,[m]),{style:W,className:b,rest:k}=N(B),z=react.useRef(null),X=react.useMemo(()=>new core.PubSub,[]),V=react.useRef(r.map(()=>core.uuid(8))),[Z,Y]=react.useState(h||null),[Q,J]=react.useState(I||"loading"),ue=react.useMemo(()=>!S&&r&&r.length==0,[S,r]),te=react.useCallback(()=>g?typeof g=="function"?jsxRuntime.jsx(g,{}):g:jsxRuntime.jsx(D,{as:"tac s:18 mt:75",children:"No Record Found"}),[S,r]);react.useEffect(()=>{V.current=r.map(()=>core.uuid(8));},[r]);let fe=(se,_)=>{Y(se),C?.(se,_);},xe=(o||(r?r.length:0))/(s||10),be=react.useMemo(()=>l||xe>1?jsxRuntime.jsx(Vo,{hash:f,ref:H,renderOnZeroPageCount:l,onPageChange:R,paginationStyle:"table",startPage:i,itemCount:o||(r?r.length:0),itemsPerPage:s||10}):null,[i,o]);return react.useImperativeHandle(n,()=>({setLoading(se){}})),jsxRuntime.jsxs(u,{as:`--table ${T??true?"--hoverable":""} flex cols rel ${b}`,ref:z,children:[F==true&&jsxRuntime.jsx(At,{sortBy:Z,onSort:fe,tableRef:z,pubsub:X,selectable:d,index:-1,schema:e,loading:true,styles:E}),S&&jsxRuntime.jsxs(u,{as:"center-x flex aic --table-spinner",children:[jsxRuntime.jsx(we,{type:x||ae.Simple}),Q&&jsxRuntime.jsx(D,{as:"--table-loading-message",children:Q})]}),S&&Array(P||5).fill({}).map((se,_)=>jsxRuntime.jsx(At,{tableRef:z,index:_,pubsub:X,schema:e,styles:E,loading:true,animate:c,onRowClick:y},`--trow-loading-${_}-${e[0].id}`)),!S&&r&&r.map((se,_)=>jsxRuntime.jsx(At,{tableRef:z,pubsub:X,loading:false,index:_,schema:e,ids:$,styles:E,animate:c,data:se,onRowClick:y,rowClassName:a,selectable:d,onSelect:v,onContextMenu:M},`--trow-${V.current[_]||_}-${e[0].id}`)),ue&&te(),jsxRuntime.jsx(u,{"aria-hidden":!p||!be,...c?{fx:{transition:q.SlideInBottom,curve:U.EaseInOut,delay:.02*(r.length+1),when:!S&&r&&p&&be!=null}}:{},as:"--row flex aic --row-footer",children:p&&be?be:null})]})};Is.displayName="Zuz.Table";var Jm=react.forwardRef(Is),jm=Jm;var tp=({ref:t,...n})=>{let{title:e,items:r}=n,[o,s]=react.useState(0),i=(p,f,l)=>{p.preventDefault(),s(f),document.getElementById(l)?.scrollIntoView({behavior:"smooth"});};return jsxRuntime.jsxs(u,{ref:t,as:"--table-of-contents rel flex cols",children:[jsxRuntime.jsx(D,{as:"--toc-title",children:e}),jsxRuntime.jsx(Ae,{items:r.map((p,f)=>jsxRuntime.jsx("a",{className:o==f?"--toc-active":"",style:{anchorName:o===f?"--toc-active":"none",color:o==f?"var(--table-of-contents-color-active)":"var(--table-of-contents-color)"},onClick:l=>i(l,f,p.tag),href:`#${p.tag}`,children:p.label}))})]})},op=tp;var Ns=({isActive:t,transitionType:n,speed:e,width:r,render:o,content:s,onHeightChange:i})=>{let p=react.useRef(null),f=hooks.useResizeObserver(p);react.useEffect(()=>{t&&f.height>0&&i(f.height);},[t,f.height]);let l=react.useMemo(()=>{let c={flexShrink:0,height:"fit-content"};return n==="fade"?{...c,gridArea:"1 / 1 / 2 / 2",opacity:t?1:0,visibility:t?"visible":"hidden",transition:`opacity ${e}s ease-in-out`,zIndex:t?1:0}:n==="scale"?{...c,gridArea:"1 / 1 / 2 / 2",opacity:t?1:0,transform:`scale(${t?1:.95})`,transition:`all ${e}s cubic-bezier(0.34, 1.56, 0.64, 1)`,zIndex:t?1:0}:c},[t,n,r,e]);return jsxRuntime.jsx(u,{ref:p,style:{...l},className:"--content",children:o||t?s:null})};Ns.displayName="Zuz.TabBody";var Es=Ns;var ks=({ref:t,...n})=>{let{tabs:e,speed:r=.3,prerender:o=true,variant:s,tabStyle:i="fixed",onChange:p,transitionType:f="slide",...l}=n,[c,m]=react.useState(0),a=react.useRef(null),d=hooks.useResizeObserver(a),T=react.useMemo(()=>core.uuid(8),[]),[h,S]=react.useState("auto"),P=react.useMemo(()=>d.width>0,[d.width]);react.useImperativeHandle(t,()=>({setTab:v=>m(v)}));let I=react.useMemo(()=>e.map(v=>({...v,key:v.key||core.uuid(8)})),[e]),{style:x,className:g,rest:C}=N({as:`flex cols w-full no-overflow ${l.as||""}`,...l}),y=()=>{if(!P)return {opacity:0};switch(f){case "fade":return {display:"grid",gridTemplateColumns:"1fr"};case "scale":return {display:"grid",gridTemplateColumns:"1fr"};default:return {display:"flex",transform:`translate3d(-${c*d.width}px, 0, 0)`,transition:`transform ${r}s cubic-bezier(0.4, 0, 0.2, 1)`}}};return jsxRuntime.jsxs(u,{ref:a,style:x,className:`--tabview --${i} flex cols ${g}`,children:[jsxRuntime.jsx(mt,{as:"--tabview-head",onSwitch:v=>{m(v.index);let R=I.find(M=>M.tag==v.tag);R&&R.onSelect&&(R.onSelect(R,v.index),p?.(R,v.index));},selected:c,items:I.reduce((v,R,M)=>(v.push({icon:R.icon,index:M,label:R.label,tag:R.tag}),v),[])}),jsxRuntime.jsx(u,{className:"--tabview-body",as:"rel no-overflow w-full",style:{height:h,transition:P?`height ${r}s cubic-bezier(0.4, 0, 0.2, 1)`:"none",opacity:P?1:0},children:jsxRuntime.jsx(u,{className:"--track",style:{...y()},children:I.map((v,R)=>jsxRuntime.jsx(Es,{isActive:R===c,transitionType:f,speed:r,width:d.width,render:o||R===c,onHeightChange:M=>R===c&&S(M),content:v.body},`tab-body-${v.key||R}-${T}`))})})]})};ks.displayName="Zuz.TabView";var up=ks;var hp=({ref:t,commands:n,onCommand:e,welcomeMessage:r="Welcome to Zuz Terminal v1.0.0",prompt:o="zuz ~ ",variant:s,...i})=>{let[p,f]=react.useState([{type:"output",content:r}]),[l,c]=react.useState(""),m=react.useRef(null),a=react.useRef(null),{variant:d}=G(true);react.useEffect(()=>{m.current&&(m.current.scrollTop=m.current.scrollHeight);},[p]);let T=g=>{let C=typeof g=="string"?{type:"output",content:g}:g;f(y=>{let v=[...y,C];return v.length>1e3?v.slice(-1e3):v});},h=()=>f([]);react.useImperativeHandle(t,()=>({write:T,clear:h}));let S=async g=>{let[C,...y]=g.split(" "),v=C.toLowerCase();return n&&n[v]?await n[v](y):e?await e(g):`command not found: ${C}`},P=g=>{let C=/\u001b\[(\d+)m/g,y=[],v={31:"#ff5f56",32:"#27c93f",33:"#ffbd2e",34:"#007aff",35:"#ff79c6",36:"#8be9fd",39:"#d4d4d4"},R=0,M="#d4d4d4",B=false,H;for(;(H=C.exec(g))!==null;){let $=g.slice(R,H.index);$&&y.push({text:$,color:M,bold:B});let F=H[1];F==="0"?(M="#d4d4d4",B=false):F==="1"?B=true:v[F]&&(M=v[F]),R=C.lastIndex;}let E=g.slice(R);return E&&y.push({text:E,color:M,bold:B}),y},I=(g,C)=>g.includes("\x1B")?P(g).map((y,v)=>jsxRuntime.jsx(ee,{style:{color:y.color||"#d4d4d4",fontWeight:y.bold?"bold":"normal"},children:y.text},`--terminal-msg-${v}-${y.text.replace(/\S+/g,"-")}`)):jsxRuntime.jsx(ee,{style:{color:C==="error"?"#ff5f56":C==="command"?"#00ff00":"#d4d4d4"},children:g}),x=async g=>{if(g.key==="Enter"&&l.trim()){let C=l.trim(),y=[...p,{type:"command",content:`${o}${C}`}];c(""),f(y);let v=await S(C);f(R=>[...R,{type:"output",content:v}]);}};return jsxRuntime.jsxs(u,{as:`--zuz-terminal --${s||d||K.Medium} flex cols ${i.className}`,onClick:()=>a.current?.focus(),children:[jsxRuntime.jsx(u,{ref:m,className:"--terminal-log",children:p.map((g,C)=>jsxRuntime.jsx(u,{children:jsxRuntime.jsx(D,{children:I(g.content,g.type)})},C))}),jsxRuntime.jsxs(u,{as:"flex aic --terminal-input",children:[jsxRuntime.jsx(D,{as:"--terminal-prompt",children:o}),jsxRuntime.jsx(re,{ref:a,className:"--zuz-term-input",autoFocus:true,value:l,variant:s||d||K.Medium,onChange:g=>c(g.target.value),onKeyDown:x})]})]})},yp=hp;var xp=({meta:t})=>jsxRuntime.jsxs(A,{as:"flex aic --command-item",children:[t.icon&&jsxRuntime.jsx(j,{name:t.icon,as:"--command-icon"}),jsxRuntime.jsx(D,{children:t.label})]}),bp=({position:t,onSelect:n,commands:e,visible:r})=>jsxRuntime.jsx(u,{"aria-hidden":!r,fx:{transition:q.SlideInBottom,duration:.1,when:r},className:"--command-box abs grid",style:{...t},children:e.map(o=>jsxRuntime.jsx(xp,{meta:o},`cmd-${o.label.replace(/\s+/,"-")}`))}),Ds=bp;var $s=react.forwardRef((t,n)=>{let{autoResize:e,maxHeight:r,variant:o,resize:s="none",command:i,commands:p,onInput:f,cmd:l,renderDropdown:c,value:m,defaultValue:a,...d}=t,T=react.useRef(null),h=react.useRef(null),{variant:S}=G(true),{style:P,className:I,rest:x}=N(d),{showDropdown:g,dropdownPosition:C,handleKeyDown:y,handleInput:v,handleCommandSelect:R}=hooks.useCommandActions({command:i,commands:p,cmd:l,ref:T}),M=react.useCallback(()=>{let H=T.current;!H||!e||(h.current&&cancelAnimationFrame(h.current),h.current=requestAnimationFrame(()=>{H.style.height="auto";let E=H.scrollHeight;if(r){let $=parseInt(r.toString(),10);isNaN($)||(E=Math.min(E,$));}H.style.height=`${E}px`,H.style.overflowY=r&&E>=parseInt(r.toString(),10)?"auto":"hidden";}));},[e,r]),B=H=>{f?.(H),v(H),M();};return react.useEffect(()=>{M();},[m,a,M]),react.useEffect(()=>{e&&T.current&&M();},[e,M]),react.useEffect(()=>()=>{h.current&&cancelAnimationFrame(h.current);},[]),jsxRuntime.jsxs(u,{as:"rel",children:[jsxRuntime.jsx("textarea",{className:`--input --textarea --${o||S||K.Medium} flex ${I}`.trim(),style:{...P,resize:s,height:e?"auto":P?.height,overflow:"hidden",transition:e?"none":void 0},onKeyDown:y,onInput:B,ref:H=>{typeof n=="function"?n(H):n&&(n.current=H),T.current=H;},value:m,defaultValue:a,...x}),c?c({show:g,position:C,commands:p||[],onSelect:R}):p&&p.length>0&&jsxRuntime.jsx(Ds,{visible:g,commands:p,onSelect:R,position:C})]})});$s.displayName="Zuz.TextArea";var Tp=$s;var _s=react.forwardRef((t,n)=>{let{as:e,value:r,color:o,direction:s,...i}=t,p=react.useRef(null),[f,l]=react.useState(r||0);return react.useImperativeHandle(n,()=>({updateValue(c){f.toString().length!==c.toString().length&&l(c);},setValue(c){if(this.updateValue(c),p.current){let m=c.toString().split("");p.current.querySelectorAll(".--wheel-char").forEach((a,d)=>{let T=m[d];if(a instanceof HTMLElement){a.setAttribute("data-value",T);let h=a.querySelector(".--wheel-char-track");h instanceof HTMLElement&&(h.style.setProperty("--v",T),h.offsetWidth);}});}}})),react.useEffect(()=>{l(r||0);},[r]),jsxRuntime.jsxs(u,{className:"--text-wheel flex aic rel","aria-hidden":true,as:e,ref:p,...i,children:[(f||0).toString().split("").map((c,m)=>isNaN(parseInt(c,10))?jsxRuntime.jsx(ee,{className:"--wheel-char wheel-char-symbol grid",children:c},`wheel-char-symbol-${m}`):jsxRuntime.jsx(ee,{"data-value":c,className:`--wheel-char grid ${m>(f||0).toString().length-3?"--wheel-fraction":""}`.trim(),children:jsxRuntime.jsxs(ee,{className:`--wheel-char-track --wheel-track-${s||"down"} grid`,style:{"--v":c},children:[jsxRuntime.jsx(ee,{children:!s||s==="down"?0:9}),(!s||s==="down"?[9,8,7,6,5,4,3,2,1,0]:[0,1,2,3,4,5,6,7,8,9]).map((a,d)=>jsxRuntime.jsx(ee,{children:a},`${m}--${d}`)),jsxRuntime.jsx(ee,{children:!s||s==="down"?9:0})]})},`wheel-char-${m}`)),o&&jsxRuntime.jsx(u,{className:"abs fillx",style:{zIndex:1,background:`linear-gradient(0deg, ${o}, transparent, transparent, transparent, ${o})`}})]})});_s.displayName="Zuz.TextWheel";var Lp=_s;var Go=react.forwardRef((t,n)=>{let{as:e,meta:r,nodes:o,icons:s,onSelect:i,treeTag:p,selected:f,roots:l,expanded:c,...m}=t,{tag:a,label:d,icon:T,under:h,isHead:S}=r,P=react.useMemo(()=>l.includes(a),[l]),[I,x]=react.useState(c),g=()=>{localStorage.setItem(`--tn${p}-${a}`,I?"0":"1"),x(!I);};react.useEffect(()=>{c||P&&!localStorage.getItem(`--tn${p}-${a}`)?(localStorage.setItem(`--tn${p}-${a}`,"1"),x(true)):x(localStorage.getItem(`--tn${p}-${a}`)=="1");},[]);let C=react.useMemo(()=>o.filter(y=>y.under==a),[o,a]);return jsxRuntime.jsxs(u,{className:`--treenode ${P?"--is-root":""} --treenode-${a} flex cols`,children:[jsxRuntime.jsxs(u,{className:`--node --node-${a} flex aic ${f==a?" --selected":""}`,children:[jsxRuntime.jsx(A,{skeleton:m.skeleton,onClick:g,className:"--node-aro-btn",disabled:C.length==0,children:s?.arrowClose&&s?.arrowOpen?jsxRuntime.jsx(j,{skeleton:m.skeleton,className:"--node-aro-icon",name:C.length==0?s?.arrowDisabled||s?.arrowClose:I?s?.arrowOpen:s?.arrowClose}):C.length==0?O.chevronBottom:I?O.chevronBottom:O.chevronRight}),jsxRuntime.jsxs(A,{className:"--node-meta flex aic",onClick:y=>i(a),children:[(s?.nodeOpen&&s?.nodeClose||P&&s?.rootOpen&&s?.rootClose)&&jsxRuntime.jsx(j,{skeleton:m.skeleton,className:`--node-icon ${P?"--icon-root":""}`,name:T||(I?P&&s?.rootOpen||s.nodeOpen:P&&s?.rootClose||s?.nodeClose)}),jsxRuntime.jsx(D,{className:`--node-label ${P?"--node-label-root":""}`.trim(),skeleton:m.skeleton,children:d})]})]}),I&&C.length>0&&jsxRuntime.jsx(u,{className:`--sub-node tree-sub-node-${a} flex cols`,children:C.map(y=>jsxRuntime.jsx(Go,{treeTag:p,selected:f,onSelect:i,icons:s,roots:l,expanded:y.expanded||false,meta:y,nodes:o},`--node-${y.tag}`))})]})});Go.displayName="TreeItem";var Zs=Go;var Ws=react.forwardRef((t,n)=>{let{as:e,nodes:r,onNodeSelect:o,tag:s,icons:i,roots:p,selected:f,...l}=t,[c,m]=react.useState(f);react.useImperativeHandle(n,()=>({getSelected:()=>c}),[o]);let a=d=>{m(d),o&&o(d);};return react.useEffect(()=>{c!=f&&m(f);},[f]),jsxRuntime.jsx(u,{className:"--treeview flex cols",children:r.filter(d=>p.includes(d.tag)).map(d=>jsxRuntime.jsx(Zs,{treeTag:s?`-${s}`:"",selected:c,onSelect:T=>a(T),icons:i,meta:d,roots:p,expanded:d.expanded||false,skeleton:l.skeleton,nodes:r},`--node-${d.tag}`))})});Ws.displayName="Zuz.TreeView";var $p=Ws;String.prototype.trim=function(){return this.replace(/^\s+|\s+$/g,"").replace(/\s+/g," ")};
|
|
14
|
-
Object.defineProperty(exports,"PACKAGE_NAME",{enumerable:true,get:function(){return
|
|
14
|
+
Object.defineProperty(exports,"PACKAGE_NAME",{enumerable:true,get:function(){return chunk7VB7CDPA_cjs.f}});Object.defineProperty(exports,"cleanProps",{enumerable:true,get:function(){return chunk7VB7CDPA_cjs.g}});Object.defineProperty(exports,"splitAtoms",{enumerable:true,get:function(){return chunk7VB7CDPA_cjs.h}});exports.ALERT=he;exports.AVATAR=Jo;exports.Accordion=Ii;exports.ActionBar=Mi;exports.Alert=Di;exports.AutoComplete=el;exports.Avatar=ll;exports.Badge=ml;exports.Box=u;exports.Bubble=Ol;exports.BubbleMediaType=bn;exports.BubbleStatus=xn;exports.Button=A;exports.CHART=dn;exports.CHECKBOX=Pe;exports.COLORTHEME=Zp;exports.Calendar=bo;exports.Chart=Ll;exports.CheckBox=ct;exports.CodeBlock=Wl;exports.ColorScheme=ac;exports.ContextMenu=eo;exports.CookiesConsent=mc;exports.Cover=Se;exports.CropShape=Sc;exports.Cropper=vc;exports.Crumb=Tc;exports.DATATYPE=Up;exports.DIALOG=Ze;exports.DIALOG_ACTION_POSITION=jo;exports.DRAWER_SIDE=ie;exports.DatePicker=Nc;exports.Dialog=ro;exports.Drawer=co;exports.FILTER=xt;exports.FORMVALIDATION=Re;exports.FORMVALIDATION_STYLE=Gp;exports.Fab=kc;exports.Filters=Hc;exports.Form=Xc;exports.Grid=jc;exports.Group=to;exports.Icon=j;exports.Image=at;exports.Input=re;exports.KeyboardKeys=Oo;exports.KeysLabelMap=es;exports.KeysMap=jn;exports.Label=lt;exports.LayersProvider=Jt;exports.List=Ae;exports.NetworkStatus=am;exports.ORIGIN=Qe;exports.OriginType=Kp;exports.Overlay=He;exports.POSITION=Ye;exports.PROGRESS=Xp;exports.Pagination=Vo;exports.PaginationStyle=Ho;exports.Password=hm;exports.PinInput=vm;exports.Position=oe;exports.ProgressBar=rt;exports.RADIO=Wt;exports.Radio=Tm;exports.SHEET=ye;exports.SHEET_ACTION_POSITION=Zt;exports.SKELETON=Fp;exports.SLIDER=Kt;exports.SORT=Wp;exports.SPINNER=ae;exports.ScrollView=so;exports.Search=Lm;exports.Select=Vm;exports.SelectTabs=mt;exports.Sheet=zc;exports.Slider=Io;exports.SnackPosition=Pt;exports.SnackStyle=Vr;exports.SnackType=Tt;exports.Span=ee;exports.Spinner=we;exports.Status=qp;exports.Switch=$m;exports.TRANSITIONS=q;exports.TRANSITION_CURVES=U;exports.TabView=up;exports.Table=jm;exports.TableOfContents=op;exports.Terminal=yp;exports.Text=D;exports.TextWheel=Lp;exports.Textarea=Tp;exports.ThemeProvider=oa;exports.ToastDefaultTitle=Ar;exports.ToastPosition=Pt;exports.ToastProvider=mo;exports.ToastStyle=Vr;exports.ToastType=Tt;exports.ToolTip=Po;exports.TreeView=$p;exports.Variant=K;exports.animationTransition=Je;exports.buildClassString=Ut;exports.buildWithStyles=or;exports.css=gu;exports.getAnimationCurve=Gt;exports.getAnimationTransition=hu;exports.getZuzMap=Xs;exports.isKeyCombination=Jn;exports.setZuzMap=tr;exports.useBase=N;exports.useContextMenu=ri;exports.useDialog=ai;exports.useDrawer=ci;exports.useFx=le;exports.useMorph=ui;exports.usePosition=nt;exports.useSnack=bi;exports.useToast=po;
|
package/dist/index.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import {f,e,g,d,h,c}from'./chunk-
|
|
1
|
+
import {f,e,g,d,h,c}from'./chunk-5PAJE6QS.js';export{e as PACKAGE_NAME,f as cleanProps,g as splitAtoms}from'./chunk-5PAJE6QS.js';import {createContext,forwardRef,useMemo,Fragment,useEffect,useRef,useImperativeHandle,useState,useCallback,createElement,isValidElement,useId,useLayoutEffect,useContext,startTransition}from'react';import {useDelayed,useScrollbar,useDebounce,useImage,useResizeObserver,useLineChart,useImageCropper,CropShape,useNetworkStatus,useCommandActions,useDimensions,AnchorType,useAnchorPosition,KeyCode,useShortcuts}from'@zuzjs/hooks';import {createPortal}from'react-dom';import {jsx,jsxs,Fragment as Fragment$1}from'react/jsx-runtime';import {MD5,uuid,withPost,_,clamp,timeSince,toHash,numberInRange,checkPasswordStrength,PubSub}from'@zuzjs/core';import {addPropsToChildren}from'@zuzjs/core/react';import {startOfMonth,endOfMonth,startOfWeek,endOfWeek,eachDayOfInterval,format,isSameMonth,isSameDay,isToday,addHours,addDays,addWeeks}from'date-fns';var jo={Circle:"CIRCLE",Square:"SQUARE"},Zp={Default:"DEFAULT",Circle:"CIRCLE"},Kp={Light:"light",Dark:"dark",System:"system"},Re={Default:"DEFAULT",Switch:"SWITCH"},Qe={Auto:"auto",Top:"top",Bottom:"bottom",Left:"left",Right:"right"},re=Qe,Je=AnchorType,Wp=Je,W={XSmall:"xs",Small:"sm",Medium:"md",Large:"lg",XLarge:"xl"},Up={Asc:"ASC",Desc:"DESC"},Gp={String:"STRING",Number:"NUMBER",Boolean:"BOOLEAN",Array:"ARRAY",Object:"OBJECT",Date:"DATE",Time:"TIME",DateTime:"DATETIME",File:"FILE"},qp={Dots:"DOTS"},Ie={IPV4:"IPV4",IPV6:"IPV6",Email:"EMAIL",Uri:"URI",Password:"PASSWORD",MatchField:"MATCHFIELD",Pattern:"*",GreaterThan:"GREATER_THAN"},ye={Success:"success",Error:"error",Warning:"warning",Info:"info"},G={Spring:"SPRING",Liquid:"LIQUID",EaseInOut:"EASEINOUT",EaseOutBack:"EASEOUTBACK",Bounce:"BOUNCE"},X={FadeIn:"FADE_IN",ScaleIn:"SCALE_IN",SlideInTop:"SLIDE_FROM_TOP",SlideInRight:"SLIDE_FROM_RIGHT",SlideInBottom:"SLIDE_FROM_BOTTOM",SlideInLeft:"SLIDE_FROM_LEFT"},Xp={Success:"success",Error:"error",Idle:"idle",Dead:"dead"},xe={Dialog:"DIALOG",Default:"DEFAULT",Error:"ERROR",Success:"SUCCESS",Warn:"WARN",Promise:"PROMISE"},Ke=xe,Kt={Left:"LEFT",Right:"RIGHT",Center:"CENTER"},er=Kt,Yp={Bar:"BAR",Ring:"RING"},Wt={Default:"range",Text:"number"},Ut={Default:"DEFAULT",Card:"CARD"},bt={Gooey:"gooey"},le={Left:"LEFT",Right:"RIGHT",Top:"TOP",Bottom:"BOTTOM"};var tr=Symbol.for("zuz.global.map"),or=t=>{globalThis[tr]=t;},Ys=()=>globalThis[tr]||{},Gt=t=>{let n=Array.isArray(t)?t.join(" "):t;if(!n||typeof n!="string")return "";let e$1=Ys();return process.env.NODE_ENV==="development"&&Object.keys(e$1).length===0&&console.warn(`[${e}] No utility map detected. Classes will not be hashed. `,"Ensure you call setZuzMap() or use <ThemeProvider zuzMap={...} />."),g(n).filter(Boolean).map(o=>{let s=o.match(/^([&@][\w-]+)\((.*)\)$/);if(s){let[i,p,f]=s;return g(f).map(l=>{let c=`${p}(${l})`;return e$1[c]||l}).join(" ")}return e$1[o]||o}).join(" ")},hu=t=>{let n=Array.isArray(t)?t.join(" "):t;return !n||typeof n!="string"?"":Gt(n)},rr=t=>{let n={};for(let e in t){let r=t[e];if(e.startsWith("--")){n[e]=r;continue}let o=d[e]?.toString()??e;if(o==="x"||o==="translateX"){let s=n.translate?.split(" ")??["0px","0px"];n.translate=`${h.addUnitsSafely(e,r)} ${s[1]??"0px"}`;}else if(o==="y"||o==="translateY"){let s=n.translate?.split(" ")??["0px","0px"];n.translate=`${s[0]??"0px"} ${h.addUnitsSafely(e,r)}`;}else c.includes(o)?n[o]=h.addUnitsSafely(e,r):n[o]=r;}return n},qt=t=>{if(!t)return "linear";switch(t.toUpperCase()){case G.Bounce:return "var(--bounce)";case G.Liquid:return "var(--liquid)";case G.Spring:return "var(--spring)";case G.EaseInOut:return "ease-in-out";case G.EaseOutBack:return "ease-out-back";default:return "linear"}},je=(t,n=0)=>{let e={},r={},o=n||20;switch(t){case X.SlideInLeft:case X.SlideInRight:e={"--fx-x":t===X.SlideInLeft?`-${o}px`:`${o}px`,opacity:0},r={"--fx-x":"0px",opacity:1};break;case X.SlideInTop:case X.SlideInBottom:e={"--fx-y":t===X.SlideInTop?`-${o}px`:`${o}px`,opacity:0},r={"--fx-y":"0px",opacity:1};break;case X.ScaleIn:e={scale:0,opacity:0},r={scale:1,opacity:1};break;case X.FadeIn:e={opacity:0},r={opacity:1};break}return {from:e,to:r}},yu=(t,n,e)=>{let{from:r,to:o}=je(t);return n?{...r,...o}:e?r:o};var Js=(t,n)=>{let e=useRef([]),r=useRef(false);return useEffect(()=>{t?.when||(r.current=false);},[t?.transition]),useEffect(()=>{let o=n?.current;if(!o||!t||!t.clearAtEnd)return;let s=i=>{e.current.includes(i.propertyName)&&t.clearAtEnd===true&&(o.style.transform="",o.style.filter="",e.current.forEach(p=>o.style.removeProperty(p)));};return o.addEventListener("transitionend",s),()=>o.removeEventListener("transitionend",s)},[t,n]),useEffect(()=>{if(typeof window>"u"||!n?.current)return;let o=n.current;(t?.scroll||t?.mouse)&&(o.style.willChange="transform",o.style.translate="var(--fx-x, 0px) var(--fx-y, 0px)",o.style.transition=`translate 0.1s ${t.curve?qt(t.curve):"var(--spring)"}`);},[t,n]),useMemo(()=>{if(!t)return {style:{}};let{transition:o,from:s,to:i,exit:p,when:f,duration:l=.3,delay:c=0,curve:m,watch:a=[]}=t,d=f===false&&!r.current;f===true&&(r.current=true);let P={},{from:h,to:C}=o?je(o):{from:s||{},to:i||{}};P=f===void 0?{...h,...C}:f?{...C}:p||h;let R=qt(m),N=[],x=rr(P);e.current=Object.keys(x);let g={...x};return Object.keys(x).forEach(T=>{let y=T.startsWith("--")?"all":T;N.includes(y)||N.push(`${y} ${l}s ${R} ${c}s`);}),a.forEach(T=>{N.includes(T)||N.push(`${T} 0.1s ${R} 0s`);}),{style:{...g,transition:d?"none":N.join(", "),opacity:d?0:g.opacity,pointerEvents:d?"none":g.pointerEvents}}},[t,t?.when,t?.watch])},ce=Js;var js=(t,n)=>{let{as:e,fx:r,transition:o,skeleton:s,className:i,propsToRemove:p,style:f$1,...l}=t||{},c=o?{transition:o,duration:.3}:r||{},{style:m}=ce(c,n),a=Gt(e??"");return {style:{...f$1,...m},className:[i||"",a||"",s?.enabled?"--skeleton":""].join(" ").trim(),rest:{...f(l,p?[...p,"skeleton"]:["skeleton"])}}},E=js;var ar="(prefers-color-scheme: dark)",oa=typeof window>"u",lr=createContext(void 0),Jt=t=>{let n=useContext(lr);if(!n){if(t===true)return;throw new Error("useColorScheme must be used within a ThemeProvider")}return n},q=Jt,ra=({children:t,storageKey:n="--ucs",forceTheme:e,zuzMap:r,...o})=>(r&&or(r),jsx(na,{storageKey:n,forceTheme:e,...o,children:t})),na=({children:t,storageKey:n,forceTheme:e,...r})=>{let[o,s]=useState(()=>e||ir(n,"system")),[i,p]=useState(()=>e||ir(n)),f=a=>(a||(a=window.matchMedia(ar)),a.matches?"dark":"light"),l=useCallback(a=>{let d=a=="system"?f():a,P=document.documentElement;P.setAttribute("color-scheme",d),P.style.colorScheme=d,p(d);},[f]),c=useCallback(a=>{s(a),localStorage.setItem(n,a),l(a);},[o]),m=useCallback(a=>{let d=f(a);p(d),o==="system"&&l("system");},[o]);return useEffect(()=>{o==null&&window.localStorage.getItem(n);},[o]),useEffect(()=>{window.matchMedia(ar).addEventListener("change",m);},[m]),useEffect(()=>{let a=d=>{d.key==n&&(d.newValue?c(d.newValue):c("system"));};return window.addEventListener("storage",a),()=>window.removeEventListener("storage",a)},[c]),useEffect(()=>{l(e||o||"system");},[o]),jsxs(lr,{value:{colorScheme:o,resolvedScheme:i,setColorScheme:c,...r},children:[e?null:jsx("script",{suppressHydrationWarning:true,dangerouslySetInnerHTML:{__html:`const el = document.documentElement
|
|
2
2
|
const themes = ['light', 'dark']
|
|
3
3
|
let theme = localStorage.getItem(\`${n}\`) || "system";
|
|
4
4
|
if (theme === "system") {
|
package/package.json
CHANGED
package/dist/chunk-V52HYTGT.js
DELETED
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
import {isColor}from'@zuzjs/core';import u from'fs';import A from'hashids';import {dirname}from'path';var g={alignContent:"align-content",alignItems:"align-items",alignSelf:"align-self",animation:"animation",animationDelay:"animation-delay",animationDirection:"animation-direction",animationDuration:"animation-duration",animationFillMode:"animation-fill-mode",animationIterationCount:"animation-iteration-count",animationName:"animation-name",animationPlayState:"animation-play-state",animationTimingFunction:"animation-timing-function",background:"background",bg:"background",backgroundColor:"background-color",backgroundImage:"background-image",bgi:"background-image",bgc:"background-color",backgroundOrigin:"background-origin",backgroundPosition:"background-position",backgroundRepeat:"background-repeat",backgroundSize:"background-size",backfaceVisibility:"backface-visibility",backgroundAttachment:"background-attachment",backgroundBlendMode:"background-blend-mode",backgroundClip:"background-clip","bg-clip":"background-clip",border:"border",borderBottom:"border-bottom",borderBottomColor:"border-bottom-color",borderBottomStyle:"border-bottom-style",borderBottomWidth:"border-bottom-width",borderCollapse:"border-collapse",borderColor:"border-color",borderImage:"border-image",borderImageOutset:"border-image-outset",borderImageRepeat:"border-image-repeat",borderImageSlice:"border-image-slice",borderImageSource:"border-image-source",borderImageWidth:"border-image-width",borderLeft:"border-left",borderLeftColor:"border-left-color",borderLeftStyle:"border-left-style",borderLeftWidth:"border-left-width",borderRight:"border-right",borderRightColor:"border-right-color",borderRightStyle:"border-right-style",borderRightWidth:"border-right-width",borderSpacing:"border-spacing",borderStyle:"border-style",borderTop:"border-top",borderTopColor:"border-top-color",borderTopStyle:"border-top-style",borderTopWidth:"border-top-width",borderWidth:"border-width",borderRadius:"border-radius",r:"border-radius",radius:"border-radius",borderTopLeftRadius:"border-top-left-radius",rtl:"border-top-left-radius",borderTopRightRadius:"border-top-right-radius",rtr:"border-top-right-radius",borderBottomLeftRadius:"border-bottom-left-radius",rbl:"border-bottom-left-radius",borderBottomRightRadius:"border-bottom-right-radius",rbr:"border-bottom-right-radius",bottom:"bottom",boxDecorationBreak:"box-decoration-break",boxShadow:"box-shadow",shadow:"box-shadow",boxSizing:"box-sizing",captionSide:"caption-side",caretColor:"caret-color","@charset":"@charset",clear:"clear",clip:"clip-path",clipPath:"clip-path",color:"color",c:"color",columnCount:"column-count",columnFill:"column-fill",columnGap:"column-gap",colGap:"column-gap",columnRule:"column-rule",columnRuleColor:"column-rule-color",columnRuleStyle:"column-rule-style",columnRuleWidth:"column-rule-width",columnSpan:"column-span",columnWidth:"column-width",columns:"columns",content:"content",counterIncrement:"counter-increment",counterReset:"counter-reset",cursor:"cursor",pointer:"pointer",direction:"direction",display:"display",emptyCells:"empty-cells",filter:"filter",flex:"flex",flexBasis:"flex-basis",flexDirection:"flex-direction",flexDir:"flex-direction",flexFlow:"flex-flow",flexGrow:"flex-grow",flexShrink:"flex-shrink",flexWrap:"flex-wrap",float:"float",font:"font",fontFamily:"font-family",fontKerning:"font-kerning",s:"font-size",fontSize:"font-size",fontSizeAdjust:"font-size-adjust",fontStretch:"font-stretch",fontStyle:"font-style",fontVariant:"font-variant",bold:"bold",fontWeight:"font-weight",b:"font-weight",gap:"gap",grid:"grid",gridArea:"grid-area",gridAutoColumns:"grid-auto-columns",gridAutoFlow:"grid-auto-flow",gridAutoRows:"grid-auto-rows",gridColumn:"grid-column",gridColumnEnd:"grid-column-end",gridColumnGap:"grid-column-gap",gridColumnStart:"grid-column-start",gridGap:"grid-gap",gridRow:"grid-row",gridRowEnd:"grid-row-end",gridRowGap:"grid-row-gap",gridRowStart:"grid-row-start",gridTemplate:"grid-template",gridTemplateAreas:"grid-template-areas","grid-areas":"grid-template-areas",gridTemplateColumns:"grid-template-columns","grid-cols":"grid-template-columns",gridTemplateRows:"grid-template-rows","grid-rows":"grid-template-rows",hangingPunctuation:"hanging-punctuation",hyphens:"hyphens",isolation:"isolation",justifyContent:"justify-content",left:"left",letterSpacing:"letter-spacing",lineHeight:"line-height",lh:"line-height",listStyle:"list-style",listStyleImage:"list-style-image",listStylePosition:"list-style-position",listStyleType:"list-style-type",aspectRatio:"aspect-ratio",margin:"margin",m:"margin",marginBottom:"margin-bottom",mb:"margin-bottom",marginLeft:"margin-left",ml:"margin-left",marginRight:"margin-right",mr:"margin-right",marginTop:"margin-top",mt:"margin-top",height:"height",h:"height",minHeight:"min-height",minH:"min-height",maxHeight:"max-height",maxH:"max-height",width:"width",w:"width",minWidth:"min-width",minW:"min-width",maxWidth:"max-width",maxW:"max-width",mixBlendMode:"mix-blend-mode",objectFit:"object-fit",objectPosition:"object-position",opacity:"opacity",order:"order",outline:"outline",outlineColor:"outline-color",outlineOffset:"outline-offset",outlineStyle:"outline-style",outlineWidth:"outline-width",overflow:"overflow",overflowX:"overflow-x",overflowY:"overflow-y",padding:"padding",p:"padding",paddingBottom:"padding-bottom",pb:"padding-bottom",paddingLeft:"padding-left",pl:"padding-left",paddingRight:"padding-right",pr:"padding-right",paddingTop:"padding-top",pt:"padding-top",pageBreakAfter:"page-break-after",pageBreakBefore:"page-break-before",pageBreakInside:"page-break-inside",perspective:"perspective",perspectiveOrigin:"perspective-origin",pointerEvents:"pointer-events",position:"position",quotes:"quotes",resize:"resize",right:"right",scrollBehavior:"scroll-behavior",tabSize:"tab-size",tableLayout:"table-layout",align:"text-align",textAlign:"text-align",textAlignLast:"text-align-last",textDecoration:"text-decoration",td:"text-decoration",textDecorationColor:"text-decoration-color",textDecorationLine:"text-decoration-line",textDecorationStyle:"text-decoration-style",textIndent:"text-indent",textJustify:"text-justify",textOverflow:"text-overflow",textShadow:"text-shadow",textTransform:"text-transform",textStroke:"-webkit-text-stroke",top:"top",transform:"transform","transform(2D)":"transform(2D)",transformOrigin:"transform-origin",origin:"transform-origin",transformStyle:"transform-style",transition:"transition",transitionDelay:"transition-delay",transitionDuration:"transition-duration",transitionProperty:"transition-property",transitionTimingFunction:"transition-timing-function",unicodeBidi:"unicode-bidi",userSelect:"user-select",verticalAlign:"vertical-align",visibility:"visibility",whiteSpace:"white-space",wordBreak:"word-break",wordSpacing:"word-spacing",textWrap:"textWrap",wordWrap:"word-wrap",writingMode:"writing-mode",zIndex:"z-index",backdropFilter:"backdrop-filter",placeItems:"place-items",placeContent:"place-content",corner:"corner-shape",ph:"padding-left:__VALUE__;padding-right:__VALUE__;",pv:"padding-top:__VALUE__;padding-bottom:__VALUE__;",mh:"margin-left:__VALUE__;margin-right:__VALUE__;",mv:"margin-top:__VALUE__;margin-bottom:__VALUE__;",translate:"translate: __VALUE__;",translateX:"translate: __VALUE__ 0px 0px;",translateY:"translate: 0px __VALUE__ 0px;",translateZ:"translate: 0px 0px __VALUE__;",x:"translate: __VALUE__ 0px 0px;",y:"translate: 0px __VALUE__ 0px;",z:"translate: 0px 0px __VALUE__;",rotate:"rotate: __VALUE__;",rotateX:"rotate: 1 0 0 __VALUE__;",rotateY:"rotate: 0 1 0 __VALUE__;",rotateZ:"rotate: 0 0 1 __VALUE__;",rotate3d:"rotate: 1 1 1 __VALUE__;",scale:"scale: __VALUE__;",view:"perspective: __VALUE__;",anim:"transition: all __VALUE__ __CURVE__ __DELAY__;",blur:"filter: blur(__VALUE__);",saturate:"filter: saturate(__VALUE__);",brightness:"filter: brightness(__VALUE__);",ratio:"aspect-ratio: __VALUE__;",extend:"@extend __VALUE__;"},_={content:"content:'';",bold:"font-weight: bold;",grid:"display:grid;",flex:"display:flex;",wrap:"flex-wrap:wrap;",cols:"flex-direction:column;","cols-reverse":"flex-direction:column-reverse;","cols-rev":"flex-direction:column-reverse;",ass:"align-self:flex-start;",ais:"align-items:flex-start;",aib:"align-items:baseline;",aic:"align-items:center;","align-items-center":"align-items:center;",aie:"align-items:flex-end;",jcs:"justify-content:flex-start;",jcc:"justify-content:center;",jce:"justify-content:flex-end;",jcb:"justify-content:space-between;",jca:"justify-content:space-around;",pis:"place-items:start",pie:"place-items:end",pic:"place-items:center",pist:"place-items:stretch",pcs:"place-content:start",pcc:"place-content:center",pce:"place-content:end",pcst:"place-content:stretch",tal:"text-align: left;",tac:"text-align: center;",tar:"text-align: right;",tas:"text-align: justify;",fill:"top: 0px;left: 0px;right: 0px;bottom: 0px;",rel:"position:relative;",abs:"position:absolute;",fixed:"position:fixed;",sticky:"position:sticky;",abc:"top:50%;left:50%;--abc-x:-50%;--abc-y:-50%;translate:calc(var(--abc-x) + var(--fx-x, 0px)) calc(var(--abc-y) + var(--fx-y, 0px));",tdn:"text-decoration:none;",tdu:"text-decoration:underline;",nous:"user-select:none;",nope:"pointer-events:none;","3d":"transform-style: preserve-3d;",hide:"display: none;",block:"display: block;",inlineblock:"display: inline-block;","center-h":"left: 50%;--abc-x: -50%;translate: calc(var(--abc-x) + var(--fx-x, 0px)) var(--fx-y, 0px);","center-x":"left: 50%;--abc-x: -50%;translate: calc(var(--abc-x) + var(--fx-x, 0px)) var(--fx-y, 0px);","center-v":"top: 50%;--abc-y: -50%;translate: var(--fx-x, 0px) calc(var(--abc-y) + var(--fx-y, 0px));","center-y":"top: 50%;--abc-y: -50%;translate: var(--fx-x, 0px) calc(var(--abc-y) + var(--fx-y, 0px));","no-overflow":"overflow: hidden;","no-overflow-x":"overflow-x: hidden;","no-overflow-y":"overflow-y: hidden;","overflow-x":"overflow-x: auto;","overflow-y":"overflow-y: auto;","scroll-x":"overflow-x: auto;","scroll-y":"overflow-y: auto;","space-pre":"white-space: pre;","white-space-pre":"white-space: pre;","text-wrap":"width: 98%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;","text-clip":"color: transparent;background-clip: text;-webkit-background-clip: text;","word-break":"word-break: break-word;",uppercase:"text-transform: uppercase;",lowercase:"text-transform: lowercase;",capitalize:"text-transform: capitalize;"},y=["color","bg","background","background-color","border","border-color","border-top-color","border-right-color","border-bottom-color","border-left-color","outline-color","text-decoration-color","text-shadow","box-shadow","fill","stroke","stop-color","caret-color","column-rule-color","text-emphasis-color","accent-color","border-block-color","border-inline-color","column-fill","marker","scrollbar-color","outline-offset-color","backgroundColor","borderColor","borderTopColor","borderRightColor","borderBottomColor","borderLeftColor","outlineColor","textDecorationColor","textShadow","boxShadow","fill","stroke","stopColor","caretColor","columnRuleColor","textEmphasisColor","accentColor","borderBlockColor","borderInlineColor","columnFill","marker","scrollbarColor","outlineOffsetColor"],w={ease:"ease",in:"ease-in",out:"ease-out",inout:"ease-in-out",linear:"linear",start:"step-start",end:"step-end",steps:"steps",cubic:"cubic-bezier",initial:"initial",inherit:"inherit"};var S=["translate","translateX","translateY","translateZ","scale","scaleX","scaleY","scaleZ","rotate","rotateX","rotateY","rotateZ","skew","skewX","skewY","perspective","matrix","matrix3d"];var $={w:"width",minW:"minWidth",maxW:"maxWidth",h:"height",minH:"minHeight",maxH:"maxHeight",x:"translateX",y:"translateY",z:"translateZ",r:"rotate",rx:"rotateX",ry:"rotateY",rz:"rotateZ",s:"scale",sx:"scaleX",sy:"scaleY",sz:"scaleZ"};var k={name:"@zuzjs/ui"};var U=k.name,R=(p,e=[])=>{let t=["as",...e],o={...p};return Object.keys(o).map(i=>{i in g&&delete o[i];}),"skeleton"in t&&t.skeleton.enabled==true&&delete o.children,t.map(i=>i in o&&delete o[i]),o},W=p=>{let e=[],t="",o=0;for(let i=0;i<p.length;i++){let r=p[i];(r==="["||r==="(")&&o++,(r==="]"||r===")")&&o--,/\s/.test(r)&&o===0?(t.trim()&&e.push(t.trim()),t=""):t+=r;}return t.trim()&&e.push(t.trim()),e};var h=class{propMap=g;directMap=_;colorProps=new Set(y);animationCurves=w;delimeter=",";hashids;mediaQueries={ph:"(max-width: 599px)",sm:"(min-width: 600px) and (max-width: 767px)",md:"(min-width: 768px)",lg:"(min-width: 992px)",xl:"(min-width: 1200px)"};__SALT="zuzjs-ui";fileMap=new Map;cache=new Map;ruleTracker=new Map;dollorToVarRegexp=/\$([a-zA-Z0-9_-]+)/g;constructor(){this.hashids=new A(this.__SALT,5);}parseAndGenerate(e,t){let o=this.tokenize(e),i=[];this.fileMap.has(t)||this.fileMap.set(t,new Set);for(let r of o){let a=this.generateAtomicClass(r);i.push(a),this.fileMap.get(t).add(a);}return i}tokenize(e){let t=[],o=0,i=r=>{let a="",n=0;for(;o<e.length;){let s=e[o];if(s==="["&&n++,s==="]"&&n--,s==="("&&n===0){let l=a.trim(),c={...r};l.startsWith("&")?c.pseudo=l.replace("&",""):l.startsWith("@")?c.media=l.replace("@",""):c.selector=r.selector?`${r.selector} ${l}`:l,a="",o++,i(c);}else if(s===")"&&n===0){a.trim()&&this.pushToken(t,a.trim(),r),a="";return}else (s===" "||s===`
|
|
2
|
-
`)&&n===0?(a.trim()&&this.pushToken(t,a.trim(),r),a=""):a+=s;o++;}a.trim()&&this.pushToken(t,a.trim(),r);};return i({}),t}pushToken(e,t,o){let i=t.trim();if(i.includes(":")){let r=i.indexOf(":"),a=i.slice(0,r).trim(),n=i.slice(r+1).trim();e.push({prop:a.trim(),value:n.trim(),...o});}else this.directMap[i]?e.push({prop:i,value:void 0,isCustom:false,...o}):e.push({prop:t.trim(),isCustom:true,...o});}generateAtomicClass(e){let{prop:t,value:o,pseudo:i,media:r,selector:a,isCustom:n}=e;if(n)return t;let s="";if(!o&&this.directMap[t])s=this.directMap[t];else {let d=this.propMap[t]||t;s=d.includes("__")?this.resolveComplexTemplate(t,o||"",d):`${d}: ${this.processValue(t,o||"")};`;}let l=`${s}|${i||""}|${r||""}|${a||""}`;if(this.ruleTracker.has(l))return this.ruleTracker.get(l);let c=`z${l.charAt(0)}${this.generateHash(l)}`,m=`${`.${c}${i?`:${i}`:""}${a?` ${a}`:""}`} { ${s} }`;return r&&r.split(" ").forEach(d=>{d==="dark"?m=`[color-scheme="dark"] ${m}`:this.mediaQueries[d]&&(m=`@media ${this.mediaQueries[d]} { ${m} }`);}),this.cache.set(c,m),this.ruleTracker.set(l,c),c}resolveComplexTemplate(e,t,o){let i=t.split(this.delimeter),r=o;if(e==="anim"){let[a,n,s]=i;r=r.replace("__VALUE__",this.processValue("transitionDuration",a||"0s")).replace("__CURVE__",this.animationCurves[n]||"ease-in-out").replace("__DELAY__",this.processValue("transitionDelay",s||"0s"));}else if(e==="rotate3d"){let[a,n,s,l]=i;r=r.replace("__X__",a||"0").replace("__Y__",n||"0").replace("__Z__",s||"0").replace("__A__",l?isNaN(Number(l))?l:`${l}deg`:"0deg");}return r.replace(/__VALUE__/g,this.processValue(e,i[0]||""))}transformBrackets(e){return e.replace(/\[/g,"(").replace(/\]/g,")").replace(this.dollorToVarRegexp,"var(--$1)")}addUnitsSafely(e,t){return ["opacity","zIndex","flex","b","font-weight","fontWeight","lineHeight","scale","ratio","aspectRatio","aspect-ratio"].includes(e)?t:/^-?\d*\.?\d+$/.test(t)?`${t}${e=="rotate"?"deg":"px"}`:t.replace(/(?<=^|[\s\+\-\*\/\(\,])(-?\d*\.?\d+)(?=$|[\s\+\-\*\/\)\,])/g,(i,r,a,n)=>n.substring(0,a).trim().endsWith("repeat(")?i:`${i}px`)}processValue(e,t){let o=false;t.endsWith("!")&&(o=true,t=t.slice(0,-1));let i="";if(t.trim()=="full")i="100%";else if(this.propMap[e]&&["xs","sm","md","lg","xl","xxl"].includes(t.trim())){let r=this.propMap[e],a={"border-radius":"radius","line-height":"lh","font-size":"text"};i=`var(--${r in a?a[r]:r}-${t.trim()})`;}else if(t.includes("[")||t.includes("]")){let r=this.transformBrackets(t),[a]=t.split("[");["rgba","rgb"].includes(a)?i=r:i=this.addUnitsSafely(e,r);}else t.includes(",")?i=t.split(",").map(r=>this.processValue(e,r.trim())).join(" "):/^-?\d*\.?\d+$/.test(t)?i=this.addUnitsSafely(e,t):isColor(t)?i=this.makeColor(t):t.startsWith("gradient")||t.startsWith("linear-gradient")||t.startsWith("radial-gradient")?i=this.parseGradient(t):i=t.replace(this.dollorToVarRegexp,"var(--$1)");return o?`${i} !important`:i}addUnitsToComplexValue(e,t){if(["opacity","zIndex","flex","b","fontWeight","lineHeight"].includes(e))return t;try{return String(t).replace(/(\d+)(?![%a-zA-Z!])/g,"$1px")}catch{return t}}makeColor(e){return e.charAt(0)=="#"&&(e=e.substring(1)),e.charAt(0)=="$"?`var(--${e.replace("$","")})`:/^#[0-9A-F]{6}[0-9a-f]{0,2}$/i.test(`#${e}`)||/^#([0-9A-F]{3}){1,2}$/i.test(`#${e}`)?`#${e}`:e.includes("rgb")||e.includes("rgba")?e.replace(/\[/g,"(").replace(/\]/g,")"):e.trim()}parseGradient(e){e.startsWith("gradient")&&(e=`linear-${e}`);let[t,o,i,r,...a]=e.split("-"),n=e,s=/^[+-]?\d+(\.\d+)?$/.test(r)?`${r}deg`:`to ${r}`,l=a.reduce((c,f)=>(c.push(this.makeColor(f)),c),[]).join(", ");switch(t){case "linear":n=`linear-gradient(${s}, ${l})`;break;case "radial":break;default:n=e;break}return n}generateHash(e,t=6){let o=5381;for(let r=0;r<e.length;r++)o=(o<<5)+o+e.charCodeAt(r);return (o>>>0&1048575).toString(36).padStart(t,"0")}getStyleSheet(){return Array.from(this.cache.values()).join(`
|
|
3
|
-
`)}getCache(){return this.cache}clearFileCache(e){this.fileMap.delete(e);}writeToDisk(e){let t=new Set;this.fileMap.forEach(r=>{r.forEach(a=>t.add(a));});let o=[];t.forEach(r=>{this.cache.has(r)&&o.push(this.cache.get(r));});let i=`/* Zuz Generated CSS */
|
|
4
|
-
|
|
5
|
-
${o.join(`
|
|
6
|
-
`)}`;u.existsSync(dirname(e))||u.mkdirSync(dirname(e)),u.writeFileSync(e,i);}},Y=new h;export{g as a,_ as b,S as c,$ as d,U as e,R as f,W as g,Y as h};
|
package/dist/chunk-X72SJ4PL.cjs
DELETED
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
'use strict';var core=require('@zuzjs/core'),h=require('fs'),z=require('hashids'),path=require('path');function _interopDefault(e){return e&&e.__esModule?e:{default:e}}var h__default=/*#__PURE__*/_interopDefault(h);var z__default=/*#__PURE__*/_interopDefault(z);/* ZuzJS UI CLI */
|
|
2
|
-
var v=()=>typeof document>"u"?new URL(`file:${__filename}`).href:document.currentScript&&document.currentScript.tagName.toUpperCase()==="SCRIPT"?document.currentScript.src:new URL("main.js",document.baseURI).href,u=v();var g={alignContent:"align-content",alignItems:"align-items",alignSelf:"align-self",animation:"animation",animationDelay:"animation-delay",animationDirection:"animation-direction",animationDuration:"animation-duration",animationFillMode:"animation-fill-mode",animationIterationCount:"animation-iteration-count",animationName:"animation-name",animationPlayState:"animation-play-state",animationTimingFunction:"animation-timing-function",background:"background",bg:"background",backgroundColor:"background-color",backgroundImage:"background-image",bgi:"background-image",bgc:"background-color",backgroundOrigin:"background-origin",backgroundPosition:"background-position",backgroundRepeat:"background-repeat",backgroundSize:"background-size",backfaceVisibility:"backface-visibility",backgroundAttachment:"background-attachment",backgroundBlendMode:"background-blend-mode",backgroundClip:"background-clip","bg-clip":"background-clip",border:"border",borderBottom:"border-bottom",borderBottomColor:"border-bottom-color",borderBottomStyle:"border-bottom-style",borderBottomWidth:"border-bottom-width",borderCollapse:"border-collapse",borderColor:"border-color",borderImage:"border-image",borderImageOutset:"border-image-outset",borderImageRepeat:"border-image-repeat",borderImageSlice:"border-image-slice",borderImageSource:"border-image-source",borderImageWidth:"border-image-width",borderLeft:"border-left",borderLeftColor:"border-left-color",borderLeftStyle:"border-left-style",borderLeftWidth:"border-left-width",borderRight:"border-right",borderRightColor:"border-right-color",borderRightStyle:"border-right-style",borderRightWidth:"border-right-width",borderSpacing:"border-spacing",borderStyle:"border-style",borderTop:"border-top",borderTopColor:"border-top-color",borderTopStyle:"border-top-style",borderTopWidth:"border-top-width",borderWidth:"border-width",borderRadius:"border-radius",r:"border-radius",radius:"border-radius",borderTopLeftRadius:"border-top-left-radius",rtl:"border-top-left-radius",borderTopRightRadius:"border-top-right-radius",rtr:"border-top-right-radius",borderBottomLeftRadius:"border-bottom-left-radius",rbl:"border-bottom-left-radius",borderBottomRightRadius:"border-bottom-right-radius",rbr:"border-bottom-right-radius",bottom:"bottom",boxDecorationBreak:"box-decoration-break",boxShadow:"box-shadow",shadow:"box-shadow",boxSizing:"box-sizing",captionSide:"caption-side",caretColor:"caret-color","@charset":"@charset",clear:"clear",clip:"clip-path",clipPath:"clip-path",color:"color",c:"color",columnCount:"column-count",columnFill:"column-fill",columnGap:"column-gap",colGap:"column-gap",columnRule:"column-rule",columnRuleColor:"column-rule-color",columnRuleStyle:"column-rule-style",columnRuleWidth:"column-rule-width",columnSpan:"column-span",columnWidth:"column-width",columns:"columns",content:"content",counterIncrement:"counter-increment",counterReset:"counter-reset",cursor:"cursor",pointer:"pointer",direction:"direction",display:"display",emptyCells:"empty-cells",filter:"filter",flex:"flex",flexBasis:"flex-basis",flexDirection:"flex-direction",flexDir:"flex-direction",flexFlow:"flex-flow",flexGrow:"flex-grow",flexShrink:"flex-shrink",flexWrap:"flex-wrap",float:"float",font:"font",fontFamily:"font-family",fontKerning:"font-kerning",s:"font-size",fontSize:"font-size",fontSizeAdjust:"font-size-adjust",fontStretch:"font-stretch",fontStyle:"font-style",fontVariant:"font-variant",bold:"bold",fontWeight:"font-weight",b:"font-weight",gap:"gap",grid:"grid",gridArea:"grid-area",gridAutoColumns:"grid-auto-columns",gridAutoFlow:"grid-auto-flow",gridAutoRows:"grid-auto-rows",gridColumn:"grid-column",gridColumnEnd:"grid-column-end",gridColumnGap:"grid-column-gap",gridColumnStart:"grid-column-start",gridGap:"grid-gap",gridRow:"grid-row",gridRowEnd:"grid-row-end",gridRowGap:"grid-row-gap",gridRowStart:"grid-row-start",gridTemplate:"grid-template",gridTemplateAreas:"grid-template-areas","grid-areas":"grid-template-areas",gridTemplateColumns:"grid-template-columns","grid-cols":"grid-template-columns",gridTemplateRows:"grid-template-rows","grid-rows":"grid-template-rows",hangingPunctuation:"hanging-punctuation",hyphens:"hyphens",isolation:"isolation",justifyContent:"justify-content",left:"left",letterSpacing:"letter-spacing",lineHeight:"line-height",lh:"line-height",listStyle:"list-style",listStyleImage:"list-style-image",listStylePosition:"list-style-position",listStyleType:"list-style-type",aspectRatio:"aspect-ratio",margin:"margin",m:"margin",marginBottom:"margin-bottom",mb:"margin-bottom",marginLeft:"margin-left",ml:"margin-left",marginRight:"margin-right",mr:"margin-right",marginTop:"margin-top",mt:"margin-top",height:"height",h:"height",minHeight:"min-height",minH:"min-height",maxHeight:"max-height",maxH:"max-height",width:"width",w:"width",minWidth:"min-width",minW:"min-width",maxWidth:"max-width",maxW:"max-width",mixBlendMode:"mix-blend-mode",objectFit:"object-fit",objectPosition:"object-position",opacity:"opacity",order:"order",outline:"outline",outlineColor:"outline-color",outlineOffset:"outline-offset",outlineStyle:"outline-style",outlineWidth:"outline-width",overflow:"overflow",overflowX:"overflow-x",overflowY:"overflow-y",padding:"padding",p:"padding",paddingBottom:"padding-bottom",pb:"padding-bottom",paddingLeft:"padding-left",pl:"padding-left",paddingRight:"padding-right",pr:"padding-right",paddingTop:"padding-top",pt:"padding-top",pageBreakAfter:"page-break-after",pageBreakBefore:"page-break-before",pageBreakInside:"page-break-inside",perspective:"perspective",perspectiveOrigin:"perspective-origin",pointerEvents:"pointer-events",position:"position",quotes:"quotes",resize:"resize",right:"right",scrollBehavior:"scroll-behavior",tabSize:"tab-size",tableLayout:"table-layout",align:"text-align",textAlign:"text-align",textAlignLast:"text-align-last",textDecoration:"text-decoration",td:"text-decoration",textDecorationColor:"text-decoration-color",textDecorationLine:"text-decoration-line",textDecorationStyle:"text-decoration-style",textIndent:"text-indent",textJustify:"text-justify",textOverflow:"text-overflow",textShadow:"text-shadow",textTransform:"text-transform",textStroke:"-webkit-text-stroke",top:"top",transform:"transform","transform(2D)":"transform(2D)",transformOrigin:"transform-origin",origin:"transform-origin",transformStyle:"transform-style",transition:"transition",transitionDelay:"transition-delay",transitionDuration:"transition-duration",transitionProperty:"transition-property",transitionTimingFunction:"transition-timing-function",unicodeBidi:"unicode-bidi",userSelect:"user-select",verticalAlign:"vertical-align",visibility:"visibility",whiteSpace:"white-space",wordBreak:"word-break",wordSpacing:"word-spacing",textWrap:"textWrap",wordWrap:"word-wrap",writingMode:"writing-mode",zIndex:"z-index",backdropFilter:"backdrop-filter",placeItems:"place-items",placeContent:"place-content",corner:"corner-shape",ph:"padding-left:__VALUE__;padding-right:__VALUE__;",pv:"padding-top:__VALUE__;padding-bottom:__VALUE__;",mh:"margin-left:__VALUE__;margin-right:__VALUE__;",mv:"margin-top:__VALUE__;margin-bottom:__VALUE__;",translate:"translate: __VALUE__;",translateX:"translate: __VALUE__ 0px 0px;",translateY:"translate: 0px __VALUE__ 0px;",translateZ:"translate: 0px 0px __VALUE__;",x:"translate: __VALUE__ 0px 0px;",y:"translate: 0px __VALUE__ 0px;",z:"translate: 0px 0px __VALUE__;",rotate:"rotate: __VALUE__;",rotateX:"rotate: 1 0 0 __VALUE__;",rotateY:"rotate: 0 1 0 __VALUE__;",rotateZ:"rotate: 0 0 1 __VALUE__;",rotate3d:"rotate: 1 1 1 __VALUE__;",scale:"scale: __VALUE__;",view:"perspective: __VALUE__;",anim:"transition: all __VALUE__ __CURVE__ __DELAY__;",blur:"filter: blur(__VALUE__);",saturate:"filter: saturate(__VALUE__);",brightness:"filter: brightness(__VALUE__);",ratio:"aspect-ratio: __VALUE__;",extend:"@extend __VALUE__;"},x={content:"content:'';",bold:"font-weight: bold;",grid:"display:grid;",flex:"display:flex;",wrap:"flex-wrap:wrap;",cols:"flex-direction:column;","cols-reverse":"flex-direction:column-reverse;","cols-rev":"flex-direction:column-reverse;",ass:"align-self:flex-start;",ais:"align-items:flex-start;",aib:"align-items:baseline;",aic:"align-items:center;","align-items-center":"align-items:center;",aie:"align-items:flex-end;",jcs:"justify-content:flex-start;",jcc:"justify-content:center;",jce:"justify-content:flex-end;",jcb:"justify-content:space-between;",jca:"justify-content:space-around;",pis:"place-items:start",pie:"place-items:end",pic:"place-items:center",pist:"place-items:stretch",pcs:"place-content:start",pcc:"place-content:center",pce:"place-content:end",pcst:"place-content:stretch",tal:"text-align: left;",tac:"text-align: center;",tar:"text-align: right;",tas:"text-align: justify;",fill:"top: 0px;left: 0px;right: 0px;bottom: 0px;",rel:"position:relative;",abs:"position:absolute;",fixed:"position:fixed;",sticky:"position:sticky;",abc:"top:50%;left:50%;--abc-x:-50%;--abc-y:-50%;translate:calc(var(--abc-x) + var(--fx-x, 0px)) calc(var(--abc-y) + var(--fx-y, 0px));",tdn:"text-decoration:none;",tdu:"text-decoration:underline;",nous:"user-select:none;",nope:"pointer-events:none;","3d":"transform-style: preserve-3d;",hide:"display: none;",block:"display: block;",inlineblock:"display: inline-block;","center-h":"left: 50%;--abc-x: -50%;translate: calc(var(--abc-x) + var(--fx-x, 0px)) var(--fx-y, 0px);","center-x":"left: 50%;--abc-x: -50%;translate: calc(var(--abc-x) + var(--fx-x, 0px)) var(--fx-y, 0px);","center-v":"top: 50%;--abc-y: -50%;translate: var(--fx-x, 0px) calc(var(--abc-y) + var(--fx-y, 0px));","center-y":"top: 50%;--abc-y: -50%;translate: var(--fx-x, 0px) calc(var(--abc-y) + var(--fx-y, 0px));","no-overflow":"overflow: hidden;","no-overflow-x":"overflow-x: hidden;","no-overflow-y":"overflow-y: hidden;","overflow-x":"overflow-x: auto;","overflow-y":"overflow-y: auto;","scroll-x":"overflow-x: auto;","scroll-y":"overflow-y: auto;","space-pre":"white-space: pre;","white-space-pre":"white-space: pre;","text-wrap":"width: 98%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;","text-clip":"color: transparent;background-clip: text;-webkit-background-clip: text;","word-break":"word-break: break-word;",uppercase:"text-transform: uppercase;",lowercase:"text-transform: lowercase;",capitalize:"text-transform: capitalize;"},_=["color","bg","background","background-color","border","border-color","border-top-color","border-right-color","border-bottom-color","border-left-color","outline-color","text-decoration-color","text-shadow","box-shadow","fill","stroke","stop-color","caret-color","column-rule-color","text-emphasis-color","accent-color","border-block-color","border-inline-color","column-fill","marker","scrollbar-color","outline-offset-color","backgroundColor","borderColor","borderTopColor","borderRightColor","borderBottomColor","borderLeftColor","outlineColor","textDecorationColor","textShadow","boxShadow","fill","stroke","stopColor","caretColor","columnRuleColor","textEmphasisColor","accentColor","borderBlockColor","borderInlineColor","columnFill","marker","scrollbarColor","outlineOffsetColor"],y={ease:"ease",in:"ease-in",out:"ease-out",inout:"ease-in-out",linear:"linear",start:"step-start",end:"step-end",steps:"steps",cubic:"cubic-bezier",initial:"initial",inherit:"inherit"};var $=["translate","translateX","translateY","translateZ","scale","scaleX","scaleY","scaleZ","rotate","rotateX","rotateY","rotateZ","skew","skewX","skewY","perspective","matrix","matrix3d"];var L={w:"width",minW:"minWidth",maxW:"maxWidth",h:"height",minH:"minHeight",maxH:"maxHeight",x:"translateX",y:"translateY",z:"translateZ",r:"rotate",rx:"rotateX",ry:"rotateY",rz:"rotateZ",s:"scale",sx:"scaleX",sy:"scaleY",sz:"scaleZ"};var w={name:"@zuzjs/ui"};var V=w.name,W=(p,e=[])=>{let t=["as",...e],o={...p};return Object.keys(o).map(i=>{i in g&&delete o[i];}),"skeleton"in t&&t.skeleton.enabled==true&&delete o.children,t.map(i=>i in o&&delete o[i]),o},M=p=>{let e=[],t="",o=0;for(let i=0;i<p.length;i++){let r=p[i];(r==="["||r==="(")&&o++,(r==="]"||r===")")&&o--,/\s/.test(r)&&o===0?(t.trim()&&e.push(t.trim()),t=""):t+=r;}return t.trim()&&e.push(t.trim()),e};var f=class{propMap=g;directMap=x;colorProps=new Set(_);animationCurves=y;delimeter=",";hashids;mediaQueries={ph:"(max-width: 599px)",sm:"(min-width: 600px) and (max-width: 767px)",md:"(min-width: 768px)",lg:"(min-width: 992px)",xl:"(min-width: 1200px)"};__SALT="zuzjs-ui";fileMap=new Map;cache=new Map;ruleTracker=new Map;dollorToVarRegexp=/\$([a-zA-Z0-9_-]+)/g;constructor(){this.hashids=new z__default.default(this.__SALT,5);}parseAndGenerate(e,t){let o=this.tokenize(e),i=[];this.fileMap.has(t)||this.fileMap.set(t,new Set);for(let r of o){let n=this.generateAtomicClass(r);i.push(n),this.fileMap.get(t).add(n);}return i}tokenize(e){let t=[],o=0,i=r=>{let n="",a=0;for(;o<e.length;){let s=e[o];if(s==="["&&a++,s==="]"&&a--,s==="("&&a===0){let l=n.trim(),c={...r};l.startsWith("&")?c.pseudo=l.replace("&",""):l.startsWith("@")?c.media=l.replace("@",""):c.selector=r.selector?`${r.selector} ${l}`:l,n="",o++,i(c);}else if(s===")"&&a===0){n.trim()&&this.pushToken(t,n.trim(),r),n="";return}else (s===" "||s===`
|
|
3
|
-
`)&&a===0?(n.trim()&&this.pushToken(t,n.trim(),r),n=""):n+=s;o++;}n.trim()&&this.pushToken(t,n.trim(),r);};return i({}),t}pushToken(e,t,o){let i=t.trim();if(i.includes(":")){let r=i.indexOf(":"),n=i.slice(0,r).trim(),a=i.slice(r+1).trim();e.push({prop:n.trim(),value:a.trim(),...o});}else this.directMap[i]?e.push({prop:i,value:void 0,isCustom:false,...o}):e.push({prop:t.trim(),isCustom:true,...o});}generateAtomicClass(e){let{prop:t,value:o,pseudo:i,media:r,selector:n,isCustom:a}=e;if(a)return t;let s="";if(!o&&this.directMap[t])s=this.directMap[t];else {let d=this.propMap[t]||t;s=d.includes("__")?this.resolveComplexTemplate(t,o||"",d):`${d}: ${this.processValue(t,o||"")};`;}let l=`${s}|${i||""}|${r||""}|${n||""}`;if(this.ruleTracker.has(l))return this.ruleTracker.get(l);let c=`z${l.charAt(0)}${this.generateHash(l)}`,m=`${`.${c}${i?`:${i}`:""}${n?` ${n}`:""}`} { ${s} }`;return r&&r.split(" ").forEach(d=>{d==="dark"?m=`[color-scheme="dark"] ${m}`:this.mediaQueries[d]&&(m=`@media ${this.mediaQueries[d]} { ${m} }`);}),this.cache.set(c,m),this.ruleTracker.set(l,c),c}resolveComplexTemplate(e,t,o){let i=t.split(this.delimeter),r=o;if(e==="anim"){let[n,a,s]=i;r=r.replace("__VALUE__",this.processValue("transitionDuration",n||"0s")).replace("__CURVE__",this.animationCurves[a]||"ease-in-out").replace("__DELAY__",this.processValue("transitionDelay",s||"0s"));}else if(e==="rotate3d"){let[n,a,s,l]=i;r=r.replace("__X__",n||"0").replace("__Y__",a||"0").replace("__Z__",s||"0").replace("__A__",l?isNaN(Number(l))?l:`${l}deg`:"0deg");}return r.replace(/__VALUE__/g,this.processValue(e,i[0]||""))}transformBrackets(e){return e.replace(/\[/g,"(").replace(/\]/g,")").replace(this.dollorToVarRegexp,"var(--$1)")}addUnitsSafely(e,t){return ["opacity","zIndex","flex","b","font-weight","fontWeight","lineHeight","scale","ratio","aspectRatio","aspect-ratio"].includes(e)?t:/^-?\d*\.?\d+$/.test(t)?`${t}${e=="rotate"?"deg":"px"}`:t.replace(/(?<=^|[\s\+\-\*\/\(\,])(-?\d*\.?\d+)(?=$|[\s\+\-\*\/\)\,])/g,(i,r,n,a)=>a.substring(0,n).trim().endsWith("repeat(")?i:`${i}px`)}processValue(e,t){let o=false;t.endsWith("!")&&(o=true,t=t.slice(0,-1));let i="";if(t.trim()=="full")i="100%";else if(this.propMap[e]&&["xs","sm","md","lg","xl","xxl"].includes(t.trim())){let r=this.propMap[e],n={"border-radius":"radius","line-height":"lh","font-size":"text"};i=`var(--${r in n?n[r]:r}-${t.trim()})`;}else if(t.includes("[")||t.includes("]")){let r=this.transformBrackets(t),[n]=t.split("[");["rgba","rgb"].includes(n)?i=r:i=this.addUnitsSafely(e,r);}else t.includes(",")?i=t.split(",").map(r=>this.processValue(e,r.trim())).join(" "):/^-?\d*\.?\d+$/.test(t)?i=this.addUnitsSafely(e,t):core.isColor(t)?i=this.makeColor(t):t.startsWith("gradient")||t.startsWith("linear-gradient")||t.startsWith("radial-gradient")?i=this.parseGradient(t):i=t.replace(this.dollorToVarRegexp,"var(--$1)");return o?`${i} !important`:i}addUnitsToComplexValue(e,t){if(["opacity","zIndex","flex","b","fontWeight","lineHeight"].includes(e))return t;try{return String(t).replace(/(\d+)(?![%a-zA-Z!])/g,"$1px")}catch{return t}}makeColor(e){return e.charAt(0)=="#"&&(e=e.substring(1)),e.charAt(0)=="$"?`var(--${e.replace("$","")})`:/^#[0-9A-F]{6}[0-9a-f]{0,2}$/i.test(`#${e}`)||/^#([0-9A-F]{3}){1,2}$/i.test(`#${e}`)?`#${e}`:e.includes("rgb")||e.includes("rgba")?e.replace(/\[/g,"(").replace(/\]/g,")"):e.trim()}parseGradient(e){e.startsWith("gradient")&&(e=`linear-${e}`);let[t,o,i,r,...n]=e.split("-"),a=e,s=/^[+-]?\d+(\.\d+)?$/.test(r)?`${r}deg`:`to ${r}`,l=n.reduce((c,b)=>(c.push(this.makeColor(b)),c),[]).join(", ");switch(t){case "linear":a=`linear-gradient(${s}, ${l})`;break;case "radial":break;default:a=e;break}return a}generateHash(e,t=6){let o=5381;for(let r=0;r<e.length;r++)o=(o<<5)+o+e.charCodeAt(r);return (o>>>0&1048575).toString(36).padStart(t,"0")}getStyleSheet(){return Array.from(this.cache.values()).join(`
|
|
4
|
-
`)}getCache(){return this.cache}clearFileCache(e){this.fileMap.delete(e);}writeToDisk(e){let t=new Set;this.fileMap.forEach(r=>{r.forEach(n=>t.add(n));});let o=[];t.forEach(r=>{this.cache.has(r)&&o.push(this.cache.get(r));});let i=`/* Zuz Generated CSS */
|
|
5
|
-
|
|
6
|
-
${o.join(`
|
|
7
|
-
`)}`;h__default.default.existsSync(path.dirname(e))||h__default.default.mkdirSync(path.dirname(e)),h__default.default.writeFileSync(e,i);}},X=new f;exports.a=u;exports.b=g;exports.c=x;exports.d=$;exports.e=L;exports.f=V;exports.g=W;exports.h=M;exports.i=X;
|