@zuzjs/ui 1.0.63 → 1.0.64

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 CHANGED
@@ -1,8 +1,8 @@
1
1
  #!/usr/bin/env node
2
- 'use strict';var chunk7G2SIFGZ_cjs=require('./chunk-7G2SIFGZ.cjs'),logger=require('@zuzjs/logger'),Z=require('chokidar'),commander=require('commander'),u=require('fs'),p=require('path'),url=require('url'),tsMorph=require('ts-morph');function _interopDefault(e){return e&&e.__esModule?e:{default:e}}var Z__default=/*#__PURE__*/_interopDefault(Z);var u__default=/*#__PURE__*/_interopDefault(u);var p__default=/*#__PURE__*/_interopDefault(p);/* 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=>{chunk7G2SIFGZ_cjs.h(n).filter(Boolean).forEach(a=>{let x=a.match(/^([&@][\w-]+)\((.*)\)$/);if(x){let[h,z,F]=x;chunk7G2SIFGZ_cjs.h(F).filter(Boolean).forEach(b=>{let v=`${z}(${b})`,w=chunk7G2SIFGZ_cjs.i.parseAndGenerate(v,e);w.length>0&&(this.manifest[v]=w.join(" "));});let j=chunk7G2SIFGZ_cjs.i.parseAndGenerate(a,e);j.length>0&&(this.manifest[a]=j.join(" "));}else {let h=chunk7G2SIFGZ_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=chunk7G2SIFGZ_cjs.i.getCache(),l={};for(let[n,c]of Object.entries(this.manifest))s.has(c)&&(l[n]=c);this.manifest=l;let d=`/* Zuz Generated Manifest - Do not edit */
4
- export const zuzMap: Record<string, string> = ${JSON.stringify(this.manifest,null,2)};`;u__default.default.writeFileSync(e,d);}},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=()=>{chunk7G2SIFGZ_cjs.i.writeToDisk(R),y.saveManifest(W);},P=async()=>{try{let o=p__default.default.dirname(url.fileURLToPath(chunk7G2SIFGZ_cjs.a)),e=p__default.default.resolve(o,"../package.json"),t=JSON.parse(u__default.default.readFileSync(e,"utf8")),d=(await(await fetch("https://registry.npmjs.org/@zuzjs/ui/latest")).json()).version.trim();if(d!==t.version.trim()){let n=` Update available! ${logger.colors.dim(t.version)} \u2192 ${logger.colors.green(d)} `,c=` Run: ${logger.colors.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=logger.colors.yellow(`\u250C${"\u2500".repeat(z+2)}\u2510`),C=logger.colors.yellow(`\u2514${"\u2500".repeat(z+2)}\u2518`),j=(b,v)=>{let w=" ".repeat(z-v);return `${logger.colors.yellow("\u2502")} ${b}${w} ${logger.colors.yellow("\u2502")}`};console.log(`
2
+ 'use strict';var chunkXKNFRUBN_cjs=require('./chunk-XKNFRUBN.cjs'),logger=require('@zuzjs/logger'),Z=require('chokidar'),commander=require('commander'),u=require('fs'),p=require('path'),url=require('url'),tsMorph=require('ts-morph');function _interopDefault(e){return e&&e.__esModule?e:{default:e}}var Z__default=/*#__PURE__*/_interopDefault(Z);var u__default=/*#__PURE__*/_interopDefault(u);var p__default=/*#__PURE__*/_interopDefault(p);/* 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=>{chunkXKNFRUBN_cjs.h(n).filter(Boolean).forEach(a=>{let x=a.match(/^([&@][\w-]+)\((.*)\)$/);if(x){let[h,z,F]=x;chunkXKNFRUBN_cjs.h(F).filter(Boolean).forEach(b=>{let v=`${z}(${b})`,w=chunkXKNFRUBN_cjs.i.parseAndGenerate(v,e);w.length>0&&(this.manifest[v]=w.join(" "));});let j=chunkXKNFRUBN_cjs.i.parseAndGenerate(a,e);j.length>0&&(this.manifest[a]=j.join(" "));}else {let h=chunkXKNFRUBN_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=chunkXKNFRUBN_cjs.i.getCache(),l={};for(let[n,c]of Object.entries(this.manifest))s.has(c)&&(l[n]=c);this.manifest=l;let d=`/* Zuz Generated Manifest - Do not edit */
4
+ export const zuzMap: Record<string, string> = ${JSON.stringify(this.manifest,null,2)};`;u__default.default.writeFileSync(e,d);}},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=()=>{chunkXKNFRUBN_cjs.i.writeToDisk(R),y.saveManifest(W);},P=async()=>{try{let o=p__default.default.dirname(url.fileURLToPath(chunkXKNFRUBN_cjs.a)),e=p__default.default.resolve(o,"../package.json"),t=JSON.parse(u__default.default.readFileSync(e,"utf8")),d=(await(await fetch("https://registry.npmjs.org/@zuzjs/ui/latest")).json()).version.trim();if(d!==t.version.trim()){let n=` Update available! ${logger.colors.dim(t.version)} \u2192 ${logger.colors.green(d)} `,c=` Run: ${logger.colors.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=logger.colors.yellow(`\u250C${"\u2500".repeat(z+2)}\u2510`),C=logger.colors.yellow(`\u2514${"\u2500".repeat(z+2)}\u2518`),j=(b,v)=>{let w=" ".repeat(z-v);return `${logger.colors.yellow("\u2502")} ${b}${w} ${logger.colors.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(chunk7G2SIFGZ_cjs.b).join(","),l=Object.keys(chunk7G2SIFGZ_cjs.c).join(","),d={"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(d,null,2)),u__default.default.writeFileSync(t,JSON.stringify(n,null,2)),console.log(logger.colors.green("\u2714 Zuz VS Code configuration initialized!")),console.log(logger.colors.cyan(" - .vscode/zuz.code-snippets (Splitted zp/zs)")),console.log(logger.colors.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(logger.colors.gray(`\u25CB File added: ${e}`));}),o.on("change",e=>{if(y.isSupportedFile(e)){console.log(logger.colors.gray(`\u25CB File changed: ${e}`));let t=p__default.default.resolve(S,e);chunk7G2SIFGZ_cjs.i.clearFileCache(t),y.processFile(t),G(),console.log(logger.colors.blue("\u26A1 Zuz CSS updated."));}}),o.on("ready",()=>{O=true,G(),console.log(logger.colors.green(`
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(chunkXKNFRUBN_cjs.b).join(","),l=Object.keys(chunkXKNFRUBN_cjs.c).join(","),d={"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(d,null,2)),u__default.default.writeFileSync(t,JSON.stringify(n,null,2)),console.log(logger.colors.green("\u2714 Zuz VS Code configuration initialized!")),console.log(logger.colors.cyan(" - .vscode/zuz.code-snippets (Splitted zp/zs)")),console.log(logger.colors.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(logger.colors.gray(`\u25CB File added: ${e}`));}),o.on("change",e=>{if(y.isSupportedFile(e)){console.log(logger.colors.gray(`\u25CB File changed: ${e}`));let t=p__default.default.resolve(S,e);chunkXKNFRUBN_cjs.i.clearFileCache(t),y.processFile(t),G(),console.log(logger.colors.blue("\u26A1 Zuz CSS updated."));}}),o.on("ready",()=>{O=true,G(),console.log(logger.colors.green(`
7
7
  \u2713 Initial Build Complete.`)),console.log(logger.colors.cyan(`\u25CB Watching: ${p.basename(S)}
8
8
  `));}),o.on("error",e=>console.error(logger.colors.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-Y3JDFLHY.js';import {colors}from'@zuzjs/logger';import D from'chokidar';import {program}from'commander';import u from'fs';import p,{basename}from'path';import {fileURLToPath}from'url';import {Project,SyntaxKind,ScriptKind}from'ts-morph';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 d=`/* Zuz Generated Manifest - Do not edit */
2
+ import {a,b,h,g}from'./chunk-B5NI5QKN.js';import {colors}from'@zuzjs/logger';import D from'chokidar';import {program}from'commander';import u from'fs';import p,{basename}from'path';import {fileURLToPath}from'url';import {Project,SyntaxKind,ScriptKind}from'ts-morph';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 d=`/* Zuz Generated Manifest - Do not edit */
3
3
  export const zuzMap: Record<string, string> = ${JSON.stringify(this.manifest,null,2)};`;u.writeFileSync(e,d);}},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")),d=(await(await fetch("https://registry.npmjs.org/@zuzjs/ui/latest")).json()).version.trim();if(d!==t.version.trim()){let n=` Update available! ${colors.dim(t.version)} \u2192 ${colors.green(d)} `,c=` Run: ${colors.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=colors.yellow(`\u250C${"\u2500".repeat(z+2)}\u2510`),k=colors.yellow(`\u2514${"\u2500".repeat(z+2)}\u2518`),j=(b,v)=>{let w=" ".repeat(z-v);return `${colors.yellow("\u2502")} ${b}${w} ${colors.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(","),d={"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(d,null,2)),u.writeFileSync(t,JSON.stringify(n,null,2)),console.log(colors.green("\u2714 Zuz VS Code configuration initialized!")),console.log(colors.cyan(" - .vscode/zuz.code-snippets (Splitted zp/zs)")),console.log(colors.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(colors.gray(`\u25CB File added: ${e}`));}),o.on("change",e=>{if(y.isSupportedFile(e)){console.log(colors.gray(`\u25CB File changed: ${e}`));let t=p.resolve(S,e);h.clearFileCache(t),y.processFile(t),O(),console.log(colors.blue("\u26A1 Zuz CSS updated."));}}),o.on("ready",()=>{A=true,O(),console.log(colors.green(`
@@ -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)}body{--avatar-bg: #fff}[color-scheme=dark] body{--avatar-bg: #fff1}.--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)}[color-scheme=dark] body{--button-disabled: var(--gray-900);--button-disabled-color: var(--gray-800)}.--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}@keyframes carouselEntry{from{translate:0 0 -500px;scale:0}to{scale:1}}.--carousel{--carousel-spacing: 160px;--carousel-rotation: 20deg;--carousel-scale-step: 0.15;--carousel-height: 500px;--carousel-perspective: 1200px;--carousel-transition: var(--power);--carousel-speed: 0.5s;--carousel-brightness: 0.2;--carousel-blur: 4px;width:100%;height:100%;min-height:var(--carousel-height)}@media(max-width: 1024px){.--carousel{--carousel-spacing: 120px}}@media(max-width: 768px){.--carousel{--carousel-spacing: 80px;--carousel-rotation: 30deg;--carousel-perspective: 800px}}.--carousel .--carousel-stage{transform-style:preserve-3d;height:var(--carousel-height);width:100%;flex:1;perspective:var(--carousel-perspective)}.--carousel .--carousel-item-wrapper{opacity:0;animation:carouselEntry 1s var(--power) backwards}.--carousel .--carousel-item-wrapper:nth-child(1){animation-delay:0.08s}.--carousel .--carousel-item-wrapper:nth-child(2){animation-delay:0.16s}.--carousel .--carousel-item-wrapper:nth-child(3){animation-delay:0.24s}.--carousel .--carousel-item-wrapper:nth-child(4){animation-delay:0.32s}.--carousel .--carousel-item-wrapper:nth-child(5){animation-delay:0.4s}.--carousel .--carousel-item-wrapper:nth-child(6){animation-delay:0.48s}.--carousel .--carousel-item-wrapper:nth-child(7){animation-delay:0.56s}.--carousel .--carousel-item-wrapper:nth-child(8){animation-delay:0.64s}.--carousel .--carousel-item-wrapper:nth-child(9){animation-delay:0.72s}.--carousel .--carousel-item-wrapper:nth-child(10){animation-delay:0.8s}.--carousel .--carousel-item-wrapper:nth-child(11){animation-delay:0.88s}.--carousel .--carousel-item-wrapper:nth-child(12){animation-delay:0.96s}.--carousel .--carousel-item-wrapper:nth-child(13){animation-delay:1.04s}.--carousel .--carousel-item-wrapper:nth-child(14){animation-delay:1.12s}.--carousel .--carousel-item-wrapper:nth-child(15){animation-delay:1.2s}.--carousel .--carousel-item-wrapper:nth-child(16){animation-delay:1.28s}.--carousel .--carousel-item-wrapper:nth-child(17){animation-delay:1.36s}.--carousel .--carousel-item-wrapper:nth-child(18){animation-delay:1.44s}.--carousel .--carousel-item-wrapper:nth-child(19){animation-delay:1.52s}.--carousel .--carousel-item-wrapper:nth-child(20){animation-delay:1.6s}.--carousel .--carousel-item-wrapper{transition-property:transform,opacity,filter;transition-duration:var(--carousel-speed);transition-timing-function:var(--carousel-transition),ease,ease;transition-delay:0s;will-change:transform}.--carousel .--carousel-item-wrapper:not(.--is-active){opacity:calc(1 - var(--abs-offset)*.25)}.--carousel .--carousel-item-wrapper.--is-active{filter:brightness(1) blur(0px) !important;opacity:1 !important}.--carousel .--carousel-item-wrapper{--abs-offset: max(var(--offset), -1 * var(--offset));--direction: clamp(-1, var(--offset), 1);--current-rotation: calc(clamp(0, var(--abs-offset), 1) * var(--carousel-rotation) * var(--direction) * -1);--z-depth: calc(200px - (var(--abs-offset) * 100px));--extra-push: calc(clamp(0, var(--abs-offset), 1) * 40px);transform:translateX(calc(var(--offset) * var(--carousel-spacing) + var(--direction) * var(--extra-push))) scale(calc(1 - var(--abs-offset) * var(--carousel-scale-step))) rotateY(var(--current-rotation)) translateZ(var(--z-depth));opacity:calc(1 - var(--abs-offset)*.25);pointer-events:none}.--carousel .--carousel-item-wrapper.--is-active{pointer-events:auto}.--carousel.--loop-infinite .--carousel-item-wrapper[style*="--offset: 5"],.--carousel.--loop-infinite .--carousel-item-wrapper[style*="--offset: -5"]{opacity:0;transition:none}.--carousel.--effect-coverflow .--carousel-item-wrapper{filter:blur(calc(var(--abs-offset, 0) * var(--carousel-blur, 1px))) brightness(calc(1 - var(--abs-offset, 0) * var(--carousel-brightness, 0.2)))}: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.--disabled{cursor:not-allowed;opacity:.5}.--checkbox svg{fill:var(--checkbox-unchecked)}body{--codeblock: #1e1e1e;--codeblock-font: monospace;--codeblock-plain-color: var(--text-primary, "#fff")}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:var(--codeblock);padding:.5rem;--line-num-width: 40px;white-space:pre;line-height:1.6;tab-size:4;color:#fff}.--code-block .--copy-code{top:10px;right:10px;z-index:3}.--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-block code.--code.--lang-plain{color:var(--codeblock-plain-color)}.--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: 26px;--color-scheme-size-md: 30px;--color-scheme-size-lg: 36px;--color-scheme-padding-sm: 6px;--color-scheme-padding-md: 8px;--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: var(--text-primary);--cover-radius: var(--cover-radius, 0px)}[color-scheme=dark] body{--cover-bg: rgba(0,0,0,0.8);--cover-label: var(--text-primary)}.--cover{backdrop-filter:blur(4px);z-index:99999;gap:15px;pointer-events:auto;border-radius:var(--cover-radius)}.--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: 0px;--drawer-shadow: var(--zuz-shadow);--drawer-close-bg: var(--manatee-100);--drawer-close-color: var(--manatee-800);--drawer-close-bg-hover: var(--manatee-900);--drawer-close-color-hover: #fff;--drawer-border-color: var(--border-primary);--drawer-border: 1px var(--drawer-border-color) solid}[color-scheme=dark] body{--drawer-close-bg: #555;--drawer-close-bg-hover: #444;--drawer-close-color: #b6b6b6;--drawer-close-color-hover: #fff}.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, var(--drawer-radius))}.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, var(--drawer-radius))}.--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}.--drawer .--close-drawer{background:var(--drawer-close-bg) !important;border-radius:50% !important;width:25px;height:25px;aspect-ratio:1/1;right:20px;top:20px;z-index:10001;padding:3px;corner-shape:round !important}.--drawer .--close-drawer svg{fill:var(--drawer-close-color)}.--drawer .--close-drawer:hover{background:var(--drawer-close-bg-hover) !important}.--drawer .--close-drawer:hover svg{fill:var(--drawer-close-color-hover)}: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{--fieldset: var(--surface);--fieldset-border: 1px solid var(--border-primary);--fieldset-legend: var(--surface);--fieldset-legend-border: var(--fieldset-border)}.--fieldset{border:var(--fieldset-border);padding:15px;display:flex;background:var(--fieldset)}.--fieldset .--legend.--top-start{top:-0.75lh;left:40px}.--fieldset .--legend.--top-center{top:-0.75lh;left:50%;translate-x:-50%}.--fieldset .--legend.--top-end{top:-0.75lh;right:40px}.--fieldset .--legend.--bottom-start{bottom:-0.75lh;left:40px}.--fieldset .--legend.--bottom-center{bottom:-0.75lh;left:50%;translate-x:-50%}.--fieldset .--legend.--bottom-end{bottom:-0.75lh;right:40px}.--fieldset .--legend :nth-child(1){background:var(--fieldset-legend);border:var(--fieldset-legend-border)}.--fieldset.--xs{border-radius:var(--radius-xs)}.--fieldset.--xs .--legend :nth-child(1){font-size:var(--text-xs);padding:calc(var(--padding-xs-x)/3) var(--padding-xs-y, 5px);border-radius:var(--radius-xs)}.--fieldset.--sm{border-radius:var(--radius-sm)}.--fieldset.--sm .--legend :nth-child(1){font-size:var(--text-sm);padding:calc(var(--padding-sm-x)/3) var(--padding-sm-y, 5px);border-radius:var(--radius-sm)}.--fieldset.--md{border-radius:var(--radius-md)}.--fieldset.--md .--legend :nth-child(1){font-size:var(--text-md);padding:calc(var(--padding-md-x)/3) var(--padding-md-y, 5px);border-radius:var(--radius-md)}.--fieldset.--lg{border-radius:var(--radius-lg)}.--fieldset.--lg .--legend :nth-child(1){font-size:var(--text-lg);padding:calc(var(--padding-lg-x)/3) var(--padding-lg-y, 5px);border-radius:var(--radius-lg)}.--fieldset.--xl{border-radius:var(--radius-xl)}.--fieldset.--xl .--legend :nth-child(1){font-size:var(--text-xl);padding:calc(var(--padding-xl-x)/3) var(--padding-xl-y, 5px);border-radius:var(--radius-xl)}.--fieldset.--xll{border-radius:var(--radius-xll)}.--fieldset.--xll .--legend :nth-child(1){font-size:var(--text-xll);padding:calc(var(--padding-xll-x)/3) var(--padding-xll-y, 5px);border-radius:var(--radius-xll)}body{--form-padding: 0px}.--form{padding:var(--form-padding, 0px)}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}body{--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;--pagination-dot-color: #c6c6c6;--pagination-dot-current-color: var(--pagination-dot-color);--pagination-dot-progress-color: #111;--pagination-dot-progress-track-color: var(--pagination-dot-color)}[color-scheme=dark] body{--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-dot-color: rgba(255, 255, 255, 0.4);--pagination-dot-progress-color: #fff}.--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}.--pagination.--as-dots{--progress-track: var(--pagination-dot-progress-track-color);--progress-bar: var(--pagination-dot-progress-color)}.--pagination.--as-dots .--pagination-label,.--pagination.--as-dots .--pgt-nav,.--pagination.--as-dots .--pgt-info{display:none !important}.--pagination.--as-dots .--pgt-btns{justify-content:center;gap:8px}.--pagination.--as-dots .--pgt-btns .--button{width:8px;height:8px;padding:0;border-radius:50%;background:var(--pagination-dot-color);color:rgba(0,0,0,0);border:none;transition:all .3s ease}.--pagination.--as-dots .--pgt-btns .--button.--current-page{background:rgba(0,0,0,0) !important;width:20px;border-radius:10px}.--pagination.--as-dots .--pgt-btns .--button:disabled:not(.--current-page){background:var(--pagination-dot-current-color) !important}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)}body{--pin-radius: 6px;--pin-gap: 4px;--pin-shadow: inset 0px 0px 0px 2px #111;--pin-padding: 5px}.--otp{width:100%;gap:var(--pin-gap)}.--otp.--xs{--pin-radius: var(--radius-xs)}.--otp.--sm{--pin-radius: var(--radius-sm)}.--otp.--md{--pin-radius: var(--radius-md)}.--otp.--lg{--pin-radius: var(--radius-lg)}.--otp.--xl{--pin-radius: var(--radius-xl)}.--otp.--xll{--pin-radius: var(--radius-xll)}.--otp .--input{text-align:center;padding:var(--pin-padding) !important;border:var(--pin-input-border, var(--input-border)) !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;min-height:0}.--scrollview .--scroll-content{width:100%;height:100%;padding:var(--scrollbar-content-padding);-webkit-overflow-scrolling:touch;min-height:0;min-width:0;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;border-radius:var(--scrollbar-thumb-radius, 20px)}.--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;border-radius:var(--scrollbar-thumb-radius, 20px)}.--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(--surface);--search-send-color: var(--text-primary);--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;--search-border-color: var(--border-primary);--search-border: 1px var(--search-border-color) solid}.--search{width:100%;overflow:hidden;background:var(--search-color);border-radius:var(--search-radius);border:var(--search-border)}.--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.5);height:100%;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.5);height:100%;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.5);height:100%;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.5);height:100%;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.5);height:100%;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.5);height:100%;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-disabled: var(--text-primary-disabled);--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-token-padding-xs: 1px 1px 1px 5px;--select-token-padding-sm: 1px 1px 1px 5px;--select-token-padding-md: 1px 1px 1px 5px;--select-token-padding-lg: 1px 1px 1px 5px;--select-token-padding-xl: 1px 1px 1px 5px;--select-token-padding-xxl: 1px 1px 1px 5px;--select-token-remove-size-xs: 14px;--select-token-remove-size-sm: 14px;--select-token-remove-size-md: 14px;--select-token-remove-size-lg: 14px;--select-token-remove-size-xl: 14px;--select-token-remove-size-xxl: 14px;--select-token-label-size-xs: 10px;--select-token-label-size-sm: 12px;--select-token-label-size-md: 13px;--select-token-label-size-lg: 14px;--select-token-label-size-xl: 15px;--select-token-label-size-xxl: 16px;--select-token: var(--select-token-custom, var(--background));--select-token-remove: var(--select-token-remove-custom, var(--select-arrow-color));--select-token-remove-hover: var(--select-token-remove-hover-custom, #bbb);--select-token-hover: var(--select-token-hover-custom, #bbb)}.--select:not(.--expanded){width:fit-content}.--select.--xs{--select-radius: var(--select-radius-custom, var(--radius-xs))}.--select.--xs .--select-display.--selected{padding:var(--padding-xs);border-radius:var(--select-radius-custom, var(--radius-xs));font-size:var(--text-xs)}.--select.--xs .--options-list{padding:var(--padding-xs-x);border-radius:calc(var(--radius-xs)/3)}.--select.--xs .--options-list .--select-options-head{font-size:var(--text-xs) !important;padding:var(--padding-xs-x)}.--select.--xs .--options-list button.--select-option-item{padding:var(--padding-xs) !important;border-radius:var(--radius-xs) !important}.--select.--xs .--tokens-wrap .--token{padding:var(--select-token-padding-xs) !important;border-radius:var(--radius-xs) !important}.--select.--xs .--tokens-wrap .--token .--token-label{font-size:var(--select-token-label-size-xs)}.--select.--xs .--tokens-wrap .--token .--token-remove{width:var(--select-token-remove-size-xs)}.--select.--sm{--select-radius: var(--select-radius-custom, var(--radius-sm))}.--select.--sm .--select-display.--selected{padding:var(--padding-sm);border-radius:var(--select-radius-custom, var(--radius-sm));font-size:var(--text-sm)}.--select.--sm .--options-list{padding:var(--padding-sm-x);border-radius:calc(var(--radius-sm)/3)}.--select.--sm .--options-list .--select-options-head{font-size:var(--text-sm) !important;padding:var(--padding-sm-x)}.--select.--sm .--options-list button.--select-option-item{padding:var(--padding-sm) !important;border-radius:var(--radius-sm) !important}.--select.--sm .--tokens-wrap .--token{padding:var(--select-token-padding-sm) !important;border-radius:var(--radius-sm) !important}.--select.--sm .--tokens-wrap .--token .--token-label{font-size:var(--select-token-label-size-sm)}.--select.--sm .--tokens-wrap .--token .--token-remove{width:var(--select-token-remove-size-sm)}.--select.--md{--select-radius: var(--select-radius-custom, var(--radius-md))}.--select.--md .--select-display.--selected{padding:var(--padding-md);border-radius:var(--select-radius-custom, var(--radius-md));font-size:var(--text-md)}.--select.--md .--options-list{padding:var(--padding-md-x);border-radius:calc(var(--radius-md)/3)}.--select.--md .--options-list .--select-options-head{font-size:var(--text-md) !important;padding:var(--padding-md-x)}.--select.--md .--options-list button.--select-option-item{padding:var(--padding-md) !important;border-radius:var(--radius-md) !important}.--select.--md .--tokens-wrap .--token{padding:var(--select-token-padding-md) !important;border-radius:var(--radius-md) !important}.--select.--md .--tokens-wrap .--token .--token-label{font-size:var(--select-token-label-size-md)}.--select.--md .--tokens-wrap .--token .--token-remove{width:var(--select-token-remove-size-md)}.--select.--lg{--select-radius: var(--select-radius-custom, var(--radius-lg))}.--select.--lg .--select-display.--selected{padding:var(--padding-lg);border-radius:var(--select-radius-custom, var(--radius-lg));font-size:var(--text-lg)}.--select.--lg .--options-list{padding:var(--padding-lg-x);border-radius:calc(var(--radius-lg)/3)}.--select.--lg .--options-list .--select-options-head{font-size:var(--text-lg) !important;padding:var(--padding-lg-x)}.--select.--lg .--options-list button.--select-option-item{padding:var(--padding-lg) !important;border-radius:var(--radius-lg) !important}.--select.--lg .--tokens-wrap .--token{padding:var(--select-token-padding-lg) !important;border-radius:var(--radius-lg) !important}.--select.--lg .--tokens-wrap .--token .--token-label{font-size:var(--select-token-label-size-lg)}.--select.--lg .--tokens-wrap .--token .--token-remove{width:var(--select-token-remove-size-lg)}.--select.--xl{--select-radius: var(--select-radius-custom, var(--radius-xl))}.--select.--xl .--select-display.--selected{padding:var(--padding-xl);border-radius:var(--select-radius-custom, var(--radius-xl));font-size:var(--text-xl)}.--select.--xl .--options-list{padding:var(--padding-xl-x);border-radius:calc(var(--radius-xl)/3)}.--select.--xl .--options-list .--select-options-head{font-size:var(--text-xl) !important;padding:var(--padding-xl-x)}.--select.--xl .--options-list button.--select-option-item{padding:var(--padding-xl) !important;border-radius:var(--radius-xl) !important}.--select.--xl .--tokens-wrap .--token{padding:var(--select-token-padding-xl) !important;border-radius:var(--radius-xl) !important}.--select.--xl .--tokens-wrap .--token .--token-label{font-size:var(--select-token-label-size-xl)}.--select.--xl .--tokens-wrap .--token .--token-remove{width:var(--select-token-remove-size-xl)}.--select.--xll{--select-radius: var(--select-radius-custom, var(--radius-xll))}.--select.--xll .--select-display.--selected{padding:var(--padding-xll);border-radius:var(--select-radius-custom, var(--radius-xll));font-size:var(--text-xll)}.--select.--xll .--options-list{padding:var(--padding-xll-x);border-radius:calc(var(--radius-xll)/3)}.--select.--xll .--options-list .--select-options-head{font-size:var(--text-xll) !important;padding:var(--padding-xll-x)}.--select.--xll .--options-list button.--select-option-item{padding:var(--padding-xll) !important;border-radius:var(--radius-xll) !important}.--select.--xll .--tokens-wrap .--token{padding:var(--select-token-padding-xll) !important;border-radius:var(--radius-xll) !important}.--select.--xll .--tokens-wrap .--token .--token-label{font-size:var(--select-token-label-size-xll)}.--select.--xll .--tokens-wrap .--token .--token-remove{width:var(--select-token-remove-size-xll)}.--select .--select-display.--selected{width:100%;gap:var(--select-gap);background:var(--select);border:var(--select-border);box-shadow:var(--select-shadow);line-height:1;justify-content:flex-start !important}.--select .--select-display.--selected .--svg-arrow{color:var(--select-arrow-color)}.--select .--select-display.--selected .--svg-arrow .--icon{font-size:var(--select-arrow-size)}.--select .--select-display.--selected:disabled .--label{color:var(--select-option-color-disabled)}.--select .--select-display.--selected:disabled .--selected-icon{color:var(--select-option-color-disabled)}.--select .--select-display.--selected:disabled .--select-input{color:var(--select-option-color-disabled)}.--select .--select-display.--selected:disabled .--svg-arrow svg{fill:var(--text-primary-disabled)}.--select .--select-display.--selected:disabled:hover{background:var(--select)}.--select .--select-display.--selected:hover{background:var(--select-hover)}.--select .--select-display.--selected .--selected-icon{color:var(--select-option-color)}.--select .--select-display.--selected .--label-wrapper,.--select .--select-display.--selected .--label{flex:1;text-align:left;color:var(--select-option-color)}.--select .--select-display.--selected .--svg-arrow{width:var(--select-arrow-width)}.--select .--select-display.--selected .--svg-arrow svg{fill:var(--select-arrow-color)}.--select .--select-display.--selected.--editable .--label-wrapper{min-width:0;flex-wrap:wrap;gap:4px}.--select .--select-display.--selected.--editable .--label-wrapper.--has-tags .--select-input{flex:1;min-width:60px}.--select .--select-display.--selected.--editable .--select-input{width:100%;min-width:0;background:rgba(0,0,0,0);border:0;color:var(--select-option-color);font:inherit;outline:none;padding:0}.--select .--select-display.--selected.--editable .--select-input::placeholder{color:var(--select-option-color-disabled)}.--select .--select-display.--selected.--editable .--select-toggle{background:rgba(0,0,0,0) !important;border:0 !important;box-shadow:none !important;min-height:auto !important;min-width:var(--select-arrow-width);padding:0 !important}.--select .--select-display.--selected.--editable .--select-toggle svg{fill:var(--select-arrow-color);font-size:var(--select-arrow-size)}.--select .--select-display.--selected.--editable .--select-toggle:hover{background:rgba(0,0,0,0) !important}.--select .--select-display.--selected .--tokens-wrap{gap:4px}.--select .--select-display.--selected .--tokens-wrap .--token{background:var(--select-token);gap:2px;overflow:hidden}.--select .--select-display.--selected .--tokens-wrap .--token:hover{background:var(--select-token-hover)}.--select .--select-display.--selected .--tokens-wrap .--token .--token-remove{aspect-ratio:1/1;line-height:0}.--select .--select-display.--selected .--tokens-wrap .--token .--token-remove svg{fill:var(--select-token-remove)}.--select .--select-display.--selected .--tokens-wrap .--token .--token-remove:hover{background:var(--select-token-remove-hover)}.--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;overflow-y:auto;touch-action:pan-y;gap:2px;background:var(--select-options);box-shadow:var(--select-options-shadow);z-index:var(--max-z-index);scrollbar-color:var(--scrollbar-color);overscroll-behavior-y:contain}.--select .--options-list .--select-search{margin-bottom:var(--select-search-margin-bottom);top:0px;z-index:3}.--select .--options-list .--select-search .--input{background:var(--select-search);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 .--select-options-head{opacity:.5}.--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%;overflow:hidden}.--select .--options-list button.--select-option-item:disabled{color:var(--text-primary-disabled)}.--select .--options-list button.--select-option-item:disabled:hover{background:rgba(0,0,0,0)}.--select .--options-list button.--select-option-item:disabled .--select-option-check svg{opacity:.5}.--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)}.--select .--options-list button.--select-option-item.--selected .--select-option-check{background:var(--select-selected)}.--select .--options-list button.--select-option-item .--option-item-meta{gap:8px}.--select .--options-list button.--select-option-item .--select-option-check{top:0px;right:0px;bottom:0px;z-index:1;padding:10px;aspect-ratio:1/1;background:var(--select-options)}.--select .--options-list button.--select-option-item .--select-option-check svg{fill:var(--text-primary)}.--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.--disabled{cursor:not-allowed;opacity:.25}.--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))}body{--table: transparent;--table-row-gap: 2px;--table-row-radius: 0px;--table-row-padding: 0px;--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-row: #eee;--table-row-even: #f1f1f1;--table-row-odd: #f9f9f9;--table-row-hover: #fff}[color-scheme=dark] body{--table-row: #333;--table-row-hover: #555;--table-row-even: #333;--table-row-odd: #444}.--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 .--colv{flex:1}.--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(--tab-background, var(--muted))}.--tabview .--tabview-head .--segment-item:hover{background:var(--tab-background-hover, 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(--tab-background-active, var(--surface))}.--tabview .--tabview-head .--segment-item.--segment-active:hover{background:var(--tab-background-active, 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{outline:var(--tab-border-width) var(--tab-border-style) var(--tab-border-color);outline-offset:calc(var(--tab-border-width)*-1);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;flex-wrap:nowrap}.--tabview .--tabview-body .--content{width:100%;flex-shrink:0;background:var(--tab-body, #fff);padding:var(--tab-body-padding);display:block;min-height:1px}[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}.--text-fx{display:flex;flex-wrap:wrap}.--text-fx .--fx-char{display:inline-block;animation-delay:var(--delay);animation-duration:var(--duration);animation-iteration-count:var(--iteration);animation-fill-mode:both;position:relative}.--fx-typewriter{animation-name:zuz-typewriter;animation-timing-function:steps(1, end)}.--fx-bounce{animation-name:zuz-bounce;animation-timing-function:cubic-bezier(0.28, 0.84, 0.42, 1)}.--fx-wave{animation-name:zuz-wave;animation-timing-function:ease-in-out}@keyframes zuz-typewriter{0%{opacity:0;visibility:hidden}100%{opacity:var(--target-opacity, 1);visibility:visible}}@keyframes zuz-bounce{0%,100%{transform:translateY(0)}40%{transform:translateY(-20px) scaleY(1.1)}60%{transform:translateY(-15px)}}@keyframes zuz-wave{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}.--fx-glitch::before,.--fx-glitch::after{content:attr(data-char);position:absolute;top:0;left:0;width:100%}.--fx-slide{animation-name:zuz-slide}.--fx-fade{animation-name:zuz-fade}.--text-fx:has(.--fx-typewriter)::after{content:"|";position:absolute;right:-4px;animation:zuz-cursor-move var(--duration) var(--delay) steps(1) both;opacity:0}.--fx-glitch{animation:zuz-glitch-main 3s infinite}.--fx-glitch::before,.--fx-glitch::after{content:attr(data-char);position:absolute;top:0;left:0;width:100%;height:100%}.--fx-glitch::before{left:2px;text-shadow:-2px 0 #ff00c1;clip-path:inset(45% 0 45% 0);animation:zuz-glitch-split 2s infinite linear alternate-reverse}.--fx-glitch::after{left:-2px;text-shadow:2px 0 #00fff9;clip-path:inset(10% 0 85% 0);animation:zuz-glitch-split 3s infinite linear alternate-reverse}@keyframes zuz-glitch-split{0%{clip-path:inset(10% 0 30% 0)}20%{clip-path:inset(60% 0 10% 0)}40%{clip-path:inset(20% 0 50% 0)}60%{clip-path:inset(80% 0 5% 0)}80%{clip-path:inset(30% 0 60% 0)}100%{clip-path:inset(50% 0 20% 0)}}@keyframes zuz-slide{0%{opacity:0;transform:translateY(20px);filter:blur(4px)}100%{opacity:1;transform:translateY(0);filter:blur(0)}}@keyframes zuz-fade{0%{opacity:0}100%{opacity:1}}@keyframes zuz-cursor-move{0%{opacity:1}99%{opacity:1}100%{opacity:0}}.--fx-reveal{animation-name:zuz-reveal;clip-path:inset(0 100% 0 0)}@keyframes zuz-reveal{to{clip-path:inset(0 0 0 0)}}.--fx-pop{animation-name:zuz-pop;animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1.275)}@keyframes zuz-pop{0%{transform:scale(0);opacity:0}100%{transform:scale(1);opacity:1}}.--fx-fog{animation-name:zuz-fog}@keyframes zuz-fog{0%{filter:blur(10px);letter-spacing:10px;opacity:0;transform:scale(1.2)}100%{filter:blur(0);letter-spacing:normal;opacity:1;transform:scale(1)}}.--fx-glitch-v2{animation:zuz-glitch-v2 .2s infinite}@keyframes zuz-glitch-v2{0%{transform:translate(0);text-shadow:none}20%{transform:translate(-2px, 2px);text-shadow:2px 0 red}40%{transform:translate(-2px, -2px);text-shadow:-2px 0 blue}60%{transform:translate(2px, 2px);text-shadow:2px 0 green}80%{transform:translate(2px, -2px);text-shadow:-2px 0 #ff0}100%{transform:translate(0)}}.--fx-shuffle{animation:zuz-shuffle var(--duration) var(--delay) ease-out both}@keyframes zuz-shuffle{0%{opacity:0;transform:translateY(5px);filter:blur(2px)}20%{content:"#";opacity:1}40%{content:"&"}60%{content:"0"}80%{content:"X"}100%{opacity:var(--target-opacity, 1);transform:translateY(0);filter:blur(0)}}body{--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-text-color: #fff;--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: #fff;--snack-text-color: #111;--snack-btn: #242222;--snack-btn-hover: #1d1b1b;--snack-hover-shadow: #555}[color-scheme=dark] body .--snack{--progress-bar: rgba(0,0,0,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),width .4s ease;color:var(--snack-text-color);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,.2);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);--snack-text-color: #fff}.--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;--tooltip-font-size: 12px;--tooltip-font-weight: normal;--tooltip-radius: 20px;--tooltip-padding: 2px 4px;--tooltip-arrow-size: 10px}[color-scheme=dark] body{--tooltip: #eaeaea;--tooltip-color: #111}.--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;position-visibility:anchor-visible;filter:drop-shadow(1px 0px 0px var(--tooltip-border-color)) drop-shadow(-1px 0px 0px var(--tooltip-border-color)) drop-shadow(0px 1px 0px var(--tooltip-border-color)) drop-shadow(0px -1px 0px var(--tooltip-border-color))}.--tooltip.--xs{--tooltip-font-size: var(--text-xs);--tooltip-padding: var(--padding-xs)}.--tooltip.--sm{--tooltip-font-size: var(--text-sm);--tooltip-padding: var(--padding-sm)}.--tooltip.--md{--tooltip-font-size: var(--text-md);--tooltip-padding: var(--padding-md)}.--tooltip.--lg{--tooltip-font-size: var(--text-lg);--tooltip-padding: var(--padding-lg)}.--tooltip.--xl{--tooltip-font-size: var(--text-xl);--tooltip-padding: var(--padding-xl)}.--tooltip.--xll{--tooltip-font-size: var(--text-xll);--tooltip-padding: var(--padding-xll)}.--tooltip:before{content:"";position:absolute;width:var(--tooltip-arrow-size);height:var(--tooltip-arrow-size);border-radius:calc(var(--tooltip-arrow-size)/2.5);background:var(--tooltip);z-index:0}.--tooltip .--text{z-index:1;white-space:pre}.--tooltip.--top{bottom:anchor(top);left:anchor(center)}.--tooltip.--top:before{bottom:-0.2lh;left:50%;transform:translateX(-50%) rotate(45deg)}.--tooltip.--bottom{top:anchor(bottom);left:anchor(center)}.--tooltip.--bottom:before{top:-0.2lh;left:50%;transform:translateX(-50%) rotate(45deg)}.--tooltip.--left{right:anchor(left);top:anchor(center)}.--tooltip.--left:before{right:-0.15lh;top:50%;transform:translateY(-50%) rotate(45deg)}.--tooltip.--right{left:anchor(right);top:anchor(center)}.--tooltip.--right:before{left:-0.15lh;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-primary-disabled: #989898;--text-secondary: #444;--text-secondary-hover: #666;--border-primary: #ddd;--scrollbar-color: #777 transparent;--stripe-bg-a: #f5f5f5;--stripe-bg-b: #e0e0e0;--stripe-overlay-a: rgba(255, 255, 255, 0);--stripe-overlay-b: rgba(0, 0, 0, 0.05);interpolate-size:allow-keywords}[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-primary-disabled: #6d6d6d;--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;--stripe-bg-a: #f5f5f5;--stripe-bg-b: #e0e0e0;--stripe-overlay-a: rgba(255, 255, 255, 0.05);--stripe-overlay-b: rgba(0, 0, 0, 0.1)}.--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)}.--has-error:not(.--select),.--with-error:not(.--select),.input-with-error{box-shadow:inset 0px 0px 0px 1px #ff8b8b}.--select.--with-error .--select-display{box-shadow:0px 0px 0px 1px #ff8b8b;border-radius:inherit}.abc,.fixed.abc,.--abs.--abc,.--abs.abc,.abs.--abc,.abs.abc,.center-h,.--center-x,.--center-y,.center-v,.abs{--fx-x: 0px;--fx-y: 0px}.abc,.fixed.abc,.--abs.--abc,.--abs.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-x,.center-h{left:50%;--abc-x: -50%;translate:calc(var(--abc-x) + var(--fx-x, 0px)) var(--fx-y, 0px)}.--center-y,.center-v{top:50%;--abc-y: -50%;translate:var(--fx-x, 0px) calc(var(--abc-y) + var(--fx-y, 0px))}.--sticky{position:sticky}.--no-shrink{flex-shrink:0}.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}.flex.wrap{flex-wrap:wrap}.--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}.--flex.--wrap{flex-wrap:wrap}.flex-inline{display:inline-flex}.--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%}.--line-clamp{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;-webkit-line-clamp:var(--line-count, 1)}.--is-busy{position:relative;overflow:hidden;z-index:0}.--is-busy::before{content:"";position:absolute;z-index:-1;left:-50%;top:-50%;width:200%;height:200%;background-color:rgba(0,0,0,0);background-repeat:no-repeat;background-size:50% 50%,50% 50%;background-position:0 0,100% 0,100% 100%,0 100%;background-image:linear-gradient(var(--primary), var(--primary));animation:rotate-border 2s linear infinite}.--is-busy::after{content:"";position:absolute;z-index:-1;left:2px;top:2px;width:calc(100% - 4px);height:calc(100% - 4px);background:inherit;border-radius:inherit}@keyframes rotate-border{100%{transform:rotate(1turn)}}.--has-stripes{position:relative;overflow:hidden}.--has-stripes.--stripes-background{background:repeating-linear-gradient(45deg, var(--stripe-bg-a), var(--stripe-bg-a) 10px, var(--stripe-bg-b) 10px, var(--stripe-bg-b) 20px);cursor:not-allowed;opacity:.7;pointer-events:none;color:#999}.--has-stripes.--stripes-overlay::after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;z-index:10;pointer-events:none;background:repeating-linear-gradient(45deg, var(--stripe-overlay-a), var(--stripe-overlay-a) 15px, var(--stripe-overlay-b) 15px, var(--stripe-overlay-b) 30px);cursor:not-allowed;opacity:.7;pointer-events:none}
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)}body{--avatar-bg: #fff}[color-scheme=dark] body{--avatar-bg: #fff1}.--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)}[color-scheme=dark] body{--button-disabled: var(--gray-900);--button-disabled-color: var(--gray-800)}.--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}@keyframes carouselEntry{from{translate:0 0 -500px;scale:0}to{scale:1}}.--carousel{--carousel-spacing: 160px;--carousel-rotation: 20deg;--carousel-scale-step: 0.15;--carousel-height: 500px;--carousel-perspective: 1200px;--carousel-transition: var(--power);--carousel-speed: 0.5s;--carousel-brightness: 0.2;--carousel-blur: 4px;width:100%;height:100%;min-height:var(--carousel-height)}@media(max-width: 1024px){.--carousel{--carousel-spacing: 120px}}@media(max-width: 768px){.--carousel{--carousel-spacing: 80px;--carousel-rotation: 30deg;--carousel-perspective: 800px}}.--carousel .--carousel-stage{transform-style:preserve-3d;height:var(--carousel-height);width:100%;flex:1;perspective:var(--carousel-perspective)}.--carousel .--carousel-item-wrapper{opacity:0;animation:carouselEntry 1s var(--power) backwards}.--carousel .--carousel-item-wrapper:nth-child(1){animation-delay:0.08s}.--carousel .--carousel-item-wrapper:nth-child(2){animation-delay:0.16s}.--carousel .--carousel-item-wrapper:nth-child(3){animation-delay:0.24s}.--carousel .--carousel-item-wrapper:nth-child(4){animation-delay:0.32s}.--carousel .--carousel-item-wrapper:nth-child(5){animation-delay:0.4s}.--carousel .--carousel-item-wrapper:nth-child(6){animation-delay:0.48s}.--carousel .--carousel-item-wrapper:nth-child(7){animation-delay:0.56s}.--carousel .--carousel-item-wrapper:nth-child(8){animation-delay:0.64s}.--carousel .--carousel-item-wrapper:nth-child(9){animation-delay:0.72s}.--carousel .--carousel-item-wrapper:nth-child(10){animation-delay:0.8s}.--carousel .--carousel-item-wrapper:nth-child(11){animation-delay:0.88s}.--carousel .--carousel-item-wrapper:nth-child(12){animation-delay:0.96s}.--carousel .--carousel-item-wrapper:nth-child(13){animation-delay:1.04s}.--carousel .--carousel-item-wrapper:nth-child(14){animation-delay:1.12s}.--carousel .--carousel-item-wrapper:nth-child(15){animation-delay:1.2s}.--carousel .--carousel-item-wrapper:nth-child(16){animation-delay:1.28s}.--carousel .--carousel-item-wrapper:nth-child(17){animation-delay:1.36s}.--carousel .--carousel-item-wrapper:nth-child(18){animation-delay:1.44s}.--carousel .--carousel-item-wrapper:nth-child(19){animation-delay:1.52s}.--carousel .--carousel-item-wrapper:nth-child(20){animation-delay:1.6s}.--carousel .--carousel-item-wrapper{transition-property:transform,opacity,filter;transition-duration:var(--carousel-speed);transition-timing-function:var(--carousel-transition),ease,ease;transition-delay:0s;will-change:transform}.--carousel .--carousel-item-wrapper:not(.--is-active){opacity:calc(1 - var(--abs-offset)*.25)}.--carousel .--carousel-item-wrapper.--is-active{filter:brightness(1) blur(0px) !important;opacity:1 !important}.--carousel .--carousel-item-wrapper{--abs-offset: max(var(--offset), -1 * var(--offset));--direction: clamp(-1, var(--offset), 1);--current-rotation: calc(clamp(0, var(--abs-offset), 1) * var(--carousel-rotation) * var(--direction) * -1);--z-depth: calc(200px - (var(--abs-offset) * 100px));--extra-push: calc(clamp(0, var(--abs-offset), 1) * 40px);transform:translateX(calc(var(--offset) * var(--carousel-spacing) + var(--direction) * var(--extra-push))) scale(calc(1 - var(--abs-offset) * var(--carousel-scale-step))) rotateY(var(--current-rotation)) translateZ(var(--z-depth));opacity:calc(1 - var(--abs-offset)*.25);pointer-events:none}.--carousel .--carousel-item-wrapper.--is-active{pointer-events:auto}.--carousel.--loop-infinite .--carousel-item-wrapper[style*="--offset: 5"],.--carousel.--loop-infinite .--carousel-item-wrapper[style*="--offset: -5"]{opacity:0;transition:none}.--carousel.--effect-coverflow .--carousel-item-wrapper{filter:blur(calc(var(--abs-offset, 0) * var(--carousel-blur, 1px))) brightness(calc(1 - var(--abs-offset, 0) * var(--carousel-brightness, 0.2)))}: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.--disabled{cursor:not-allowed;opacity:.5}.--checkbox svg{fill:var(--checkbox-unchecked)}body{--codeblock: #1e1e1e;--codeblock-font: monospace;--codeblock-plain-color: var(--text-primary, "#fff")}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:var(--codeblock);padding:.5rem;--line-num-width: 40px;white-space:pre;line-height:1.6;tab-size:4;color:#fff}.--code-block .--copy-code{top:10px;right:10px;z-index:3}.--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-block code.--code.--lang-plain{color:var(--codeblock-plain-color)}.--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: 26px;--color-scheme-size-md: 30px;--color-scheme-size-lg: 36px;--color-scheme-padding-sm: 6px;--color-scheme-padding-md: 8px;--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: var(--text-primary);--cover-radius: var(--cover-radius, 0px)}[color-scheme=dark] body{--cover-bg: rgba(0,0,0,0.8);--cover-label: var(--text-primary)}.--cover{backdrop-filter:blur(4px);z-index:99999;gap:15px;pointer-events:auto;border-radius:var(--cover-radius)}.--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: 0px;--drawer-shadow: var(--zuz-shadow);--drawer-close-bg: var(--manatee-100);--drawer-close-color: var(--manatee-800);--drawer-close-bg-hover: var(--manatee-900);--drawer-close-color-hover: #fff;--drawer-border-color: var(--border-primary);--drawer-border: 1px var(--drawer-border-color) solid}[color-scheme=dark] body{--drawer-close-bg: #555;--drawer-close-bg-hover: #444;--drawer-close-color: #b6b6b6;--drawer-close-color-hover: #fff}.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, var(--drawer-radius))}.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, var(--drawer-radius))}.--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}.--drawer .--close-drawer{background:var(--drawer-close-bg) !important;border-radius:50% !important;width:25px;height:25px;aspect-ratio:1/1;right:20px;top:20px;z-index:10001;padding:3px;corner-shape:round !important}.--drawer .--close-drawer svg{fill:var(--drawer-close-color)}.--drawer .--close-drawer:hover{background:var(--drawer-close-bg-hover) !important}.--drawer .--close-drawer:hover svg{fill:var(--drawer-close-color-hover)}: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{--fieldset: var(--surface);--fieldset-border: 1px solid var(--border-primary);--fieldset-legend: var(--surface);--fieldset-legend-border: var(--fieldset-border)}.--fieldset{border:var(--fieldset-border);padding:15px;display:flex;background:var(--fieldset)}.--fieldset .--legend.--top-start{top:-0.75lh;left:40px}.--fieldset .--legend.--top-center{top:-0.75lh;left:50%;translate-x:-50%}.--fieldset .--legend.--top-end{top:-0.75lh;right:40px}.--fieldset .--legend.--bottom-start{bottom:-0.75lh;left:40px}.--fieldset .--legend.--bottom-center{bottom:-0.75lh;left:50%;translate-x:-50%}.--fieldset .--legend.--bottom-end{bottom:-0.75lh;right:40px}.--fieldset .--legend :nth-child(1){background:var(--fieldset-legend);border:var(--fieldset-legend-border)}.--fieldset.--xs{border-radius:var(--radius-xs)}.--fieldset.--xs .--legend :nth-child(1){font-size:var(--text-xs);padding:calc(var(--padding-xs-x)/3) var(--padding-xs-y, 5px);border-radius:var(--radius-xs)}.--fieldset.--sm{border-radius:var(--radius-sm)}.--fieldset.--sm .--legend :nth-child(1){font-size:var(--text-sm);padding:calc(var(--padding-sm-x)/3) var(--padding-sm-y, 5px);border-radius:var(--radius-sm)}.--fieldset.--md{border-radius:var(--radius-md)}.--fieldset.--md .--legend :nth-child(1){font-size:var(--text-md);padding:calc(var(--padding-md-x)/3) var(--padding-md-y, 5px);border-radius:var(--radius-md)}.--fieldset.--lg{border-radius:var(--radius-lg)}.--fieldset.--lg .--legend :nth-child(1){font-size:var(--text-lg);padding:calc(var(--padding-lg-x)/3) var(--padding-lg-y, 5px);border-radius:var(--radius-lg)}.--fieldset.--xl{border-radius:var(--radius-xl)}.--fieldset.--xl .--legend :nth-child(1){font-size:var(--text-xl);padding:calc(var(--padding-xl-x)/3) var(--padding-xl-y, 5px);border-radius:var(--radius-xl)}.--fieldset.--xll{border-radius:var(--radius-xll)}.--fieldset.--xll .--legend :nth-child(1){font-size:var(--text-xll);padding:calc(var(--padding-xll-x)/3) var(--padding-xll-y, 5px);border-radius:var(--radius-xll)}body{--form-padding: 0px}.--form{padding:var(--form-padding, 0px)}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}body{--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;--pagination-dot-color: #c6c6c6;--pagination-dot-current-color: var(--pagination-dot-color);--pagination-dot-progress-color: #111;--pagination-dot-progress-track-color: var(--pagination-dot-color)}[color-scheme=dark] body{--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-dot-color: rgba(255, 255, 255, 0.4);--pagination-dot-progress-color: #fff}.--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}.--pagination.--as-dots{--progress-track: var(--pagination-dot-progress-track-color);--progress-bar: var(--pagination-dot-progress-color)}.--pagination.--as-dots .--pagination-label,.--pagination.--as-dots .--pgt-nav,.--pagination.--as-dots .--pgt-info{display:none !important}.--pagination.--as-dots .--pgt-btns{justify-content:center;gap:8px}.--pagination.--as-dots .--pgt-btns .--button{width:8px;height:8px;padding:0;border-radius:50%;background:var(--pagination-dot-color);color:rgba(0,0,0,0);border:none;transition:all .3s ease}.--pagination.--as-dots .--pgt-btns .--button.--current-page{background:rgba(0,0,0,0) !important;width:20px;border-radius:10px}.--pagination.--as-dots .--pgt-btns .--button:disabled:not(.--current-page){background:var(--pagination-dot-current-color) !important}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)}body{--pin-radius: 6px;--pin-gap: 4px;--pin-shadow: inset 0px 0px 0px 2px #111;--pin-padding: 5px}.--otp{width:100%;gap:var(--pin-gap)}.--otp.--xs{--pin-radius: var(--radius-xs)}.--otp.--sm{--pin-radius: var(--radius-sm)}.--otp.--md{--pin-radius: var(--radius-md)}.--otp.--lg{--pin-radius: var(--radius-lg)}.--otp.--xl{--pin-radius: var(--radius-xl)}.--otp.--xll{--pin-radius: var(--radius-xll)}.--otp .--input{text-align:center;padding:var(--pin-padding) !important;border:var(--pin-input-border, var(--input-border)) !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;min-height:0}.--scrollview .--scroll-content{width:100%;height:100%;padding:var(--scrollbar-content-padding);-webkit-overflow-scrolling:touch;min-height:0;min-width:0;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;border-radius:var(--scrollbar-thumb-radius, 20px)}.--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;border-radius:var(--scrollbar-thumb-radius, 20px)}.--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(--surface);--search-send-color: var(--text-primary);--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;--search-border-color: var(--border-primary);--search-border: 1px var(--search-border-color) solid}.--search{width:100%;overflow:hidden;background:var(--search-color);border-radius:var(--search-radius);border:var(--search-border)}.--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.5);height:100%;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.5);height:100%;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.5);height:100%;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.5);height:100%;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.5);height:100%;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.5);height:100%;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-disabled: var(--text-primary-disabled);--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-token-padding-xs: 1px 1px 1px 5px;--select-token-padding-sm: 1px 1px 1px 5px;--select-token-padding-md: 1px 1px 1px 5px;--select-token-padding-lg: 1px 1px 1px 5px;--select-token-padding-xl: 1px 1px 1px 5px;--select-token-padding-xxl: 1px 1px 1px 5px;--select-token-remove-size-xs: 14px;--select-token-remove-size-sm: 14px;--select-token-remove-size-md: 14px;--select-token-remove-size-lg: 14px;--select-token-remove-size-xl: 14px;--select-token-remove-size-xxl: 14px;--select-token-label-size-xs: 10px;--select-token-label-size-sm: 12px;--select-token-label-size-md: 13px;--select-token-label-size-lg: 14px;--select-token-label-size-xl: 15px;--select-token-label-size-xxl: 16px;--select-token: var(--select-token-custom, var(--background));--select-token-remove: var(--select-token-remove-custom, var(--select-arrow-color));--select-token-remove-hover: var(--select-token-remove-hover-custom, #bbb);--select-token-hover: var(--select-token-hover-custom, #bbb)}.--select:not(.--expanded){width:fit-content}.--select.--xs{--select-radius: var(--select-radius-custom, var(--radius-xs))}.--select.--xs .--select-display.--selected{padding:var(--padding-xs);border-radius:var(--select-radius-custom, var(--radius-xs));font-size:var(--text-xs)}.--select.--xs .--options-list{padding:var(--padding-xs-x);border-radius:calc(var(--radius-xs)/3)}.--select.--xs .--options-list .--select-options-head{font-size:var(--text-xs) !important;padding:var(--padding-xs-x)}.--select.--xs .--options-list button.--select-option-item{padding:var(--padding-xs) !important;border-radius:var(--radius-xs) !important}.--select.--xs .--tokens-wrap .--token{padding:var(--select-token-padding-xs) !important;border-radius:var(--radius-xs) !important}.--select.--xs .--tokens-wrap .--token .--token-label{font-size:var(--select-token-label-size-xs)}.--select.--xs .--tokens-wrap .--token .--token-remove{width:var(--select-token-remove-size-xs)}.--select.--sm{--select-radius: var(--select-radius-custom, var(--radius-sm))}.--select.--sm .--select-display.--selected{padding:var(--padding-sm);border-radius:var(--select-radius-custom, var(--radius-sm));font-size:var(--text-sm)}.--select.--sm .--options-list{padding:var(--padding-sm-x);border-radius:calc(var(--radius-sm)/3)}.--select.--sm .--options-list .--select-options-head{font-size:var(--text-sm) !important;padding:var(--padding-sm-x)}.--select.--sm .--options-list button.--select-option-item{padding:var(--padding-sm) !important;border-radius:var(--radius-sm) !important}.--select.--sm .--tokens-wrap .--token{padding:var(--select-token-padding-sm) !important;border-radius:var(--radius-sm) !important}.--select.--sm .--tokens-wrap .--token .--token-label{font-size:var(--select-token-label-size-sm)}.--select.--sm .--tokens-wrap .--token .--token-remove{width:var(--select-token-remove-size-sm)}.--select.--md{--select-radius: var(--select-radius-custom, var(--radius-md))}.--select.--md .--select-display.--selected{padding:var(--padding-md);border-radius:var(--select-radius-custom, var(--radius-md));font-size:var(--text-md)}.--select.--md .--options-list{padding:var(--padding-md-x);border-radius:calc(var(--radius-md)/3)}.--select.--md .--options-list .--select-options-head{font-size:var(--text-md) !important;padding:var(--padding-md-x)}.--select.--md .--options-list button.--select-option-item{padding:var(--padding-md) !important;border-radius:var(--radius-md) !important}.--select.--md .--tokens-wrap .--token{padding:var(--select-token-padding-md) !important;border-radius:var(--radius-md) !important}.--select.--md .--tokens-wrap .--token .--token-label{font-size:var(--select-token-label-size-md)}.--select.--md .--tokens-wrap .--token .--token-remove{width:var(--select-token-remove-size-md)}.--select.--lg{--select-radius: var(--select-radius-custom, var(--radius-lg))}.--select.--lg .--select-display.--selected{padding:var(--padding-lg);border-radius:var(--select-radius-custom, var(--radius-lg));font-size:var(--text-lg)}.--select.--lg .--options-list{padding:var(--padding-lg-x);border-radius:calc(var(--radius-lg)/3)}.--select.--lg .--options-list .--select-options-head{font-size:var(--text-lg) !important;padding:var(--padding-lg-x)}.--select.--lg .--options-list button.--select-option-item{padding:var(--padding-lg) !important;border-radius:var(--radius-lg) !important}.--select.--lg .--tokens-wrap .--token{padding:var(--select-token-padding-lg) !important;border-radius:var(--radius-lg) !important}.--select.--lg .--tokens-wrap .--token .--token-label{font-size:var(--select-token-label-size-lg)}.--select.--lg .--tokens-wrap .--token .--token-remove{width:var(--select-token-remove-size-lg)}.--select.--xl{--select-radius: var(--select-radius-custom, var(--radius-xl))}.--select.--xl .--select-display.--selected{padding:var(--padding-xl);border-radius:var(--select-radius-custom, var(--radius-xl));font-size:var(--text-xl)}.--select.--xl .--options-list{padding:var(--padding-xl-x);border-radius:calc(var(--radius-xl)/3)}.--select.--xl .--options-list .--select-options-head{font-size:var(--text-xl) !important;padding:var(--padding-xl-x)}.--select.--xl .--options-list button.--select-option-item{padding:var(--padding-xl) !important;border-radius:var(--radius-xl) !important}.--select.--xl .--tokens-wrap .--token{padding:var(--select-token-padding-xl) !important;border-radius:var(--radius-xl) !important}.--select.--xl .--tokens-wrap .--token .--token-label{font-size:var(--select-token-label-size-xl)}.--select.--xl .--tokens-wrap .--token .--token-remove{width:var(--select-token-remove-size-xl)}.--select.--xll{--select-radius: var(--select-radius-custom, var(--radius-xll))}.--select.--xll .--select-display.--selected{padding:var(--padding-xll);border-radius:var(--select-radius-custom, var(--radius-xll));font-size:var(--text-xll)}.--select.--xll .--options-list{padding:var(--padding-xll-x);border-radius:calc(var(--radius-xll)/3)}.--select.--xll .--options-list .--select-options-head{font-size:var(--text-xll) !important;padding:var(--padding-xll-x)}.--select.--xll .--options-list button.--select-option-item{padding:var(--padding-xll) !important;border-radius:var(--radius-xll) !important}.--select.--xll .--tokens-wrap .--token{padding:var(--select-token-padding-xll) !important;border-radius:var(--radius-xll) !important}.--select.--xll .--tokens-wrap .--token .--token-label{font-size:var(--select-token-label-size-xll)}.--select.--xll .--tokens-wrap .--token .--token-remove{width:var(--select-token-remove-size-xll)}.--select .--select-display.--selected{width:100%;gap:var(--select-gap);background:var(--select);border:var(--select-border);box-shadow:var(--select-shadow);line-height:1;justify-content:flex-start !important}.--select .--select-display.--selected .--svg-arrow{color:var(--select-arrow-color)}.--select .--select-display.--selected .--svg-arrow .--icon{font-size:var(--select-arrow-size)}.--select .--select-display.--selected:disabled .--label{color:var(--select-option-color-disabled)}.--select .--select-display.--selected:disabled .--selected-icon{color:var(--select-option-color-disabled)}.--select .--select-display.--selected:disabled .--select-input{color:var(--select-option-color-disabled)}.--select .--select-display.--selected:disabled .--svg-arrow svg{fill:var(--text-primary-disabled)}.--select .--select-display.--selected:disabled:hover{background:var(--select)}.--select .--select-display.--selected:hover{background:var(--select-hover)}.--select .--select-display.--selected .--selected-icon{color:var(--select-option-color)}.--select .--select-display.--selected .--label-wrapper,.--select .--select-display.--selected .--label{flex:1;text-align:left;color:var(--select-option-color)}.--select .--select-display.--selected .--svg-arrow{width:var(--select-arrow-width)}.--select .--select-display.--selected .--svg-arrow svg{fill:var(--select-arrow-color)}.--select .--select-display.--selected.--editable .--label-wrapper{min-width:0;flex-wrap:wrap;gap:4px}.--select .--select-display.--selected.--editable .--label-wrapper.--has-tags .--select-input{flex:1;min-width:60px}.--select .--select-display.--selected.--editable .--select-input{width:100%;min-width:0;background:rgba(0,0,0,0);border:0;color:var(--select-option-color);font:inherit;outline:none;padding:0}.--select .--select-display.--selected.--editable .--select-input::placeholder{color:var(--select-option-color-disabled)}.--select .--select-display.--selected.--editable .--select-toggle{background:rgba(0,0,0,0) !important;border:0 !important;box-shadow:none !important;min-height:auto !important;min-width:var(--select-arrow-width);padding:0 !important}.--select .--select-display.--selected.--editable .--select-toggle svg{fill:var(--select-arrow-color);font-size:var(--select-arrow-size)}.--select .--select-display.--selected.--editable .--select-toggle:hover{background:rgba(0,0,0,0) !important}.--select .--select-display.--selected .--tokens-wrap{gap:4px}.--select .--select-display.--selected .--tokens-wrap .--token{background:var(--select-token);gap:2px;overflow:hidden}.--select .--select-display.--selected .--tokens-wrap .--token:hover{background:var(--select-token-hover)}.--select .--select-display.--selected .--tokens-wrap .--token .--token-remove{aspect-ratio:1/1;line-height:0}.--select .--select-display.--selected .--tokens-wrap .--token .--token-remove svg{fill:var(--select-token-remove)}.--select .--select-display.--selected .--tokens-wrap .--token .--token-remove:hover{background:var(--select-token-remove-hover)}.--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;overflow-y:auto;touch-action:pan-y;gap:2px;background:var(--select-options);box-shadow:var(--select-options-shadow);z-index:var(--max-z-index);scrollbar-color:var(--scrollbar-color);overscroll-behavior-y:contain}.--select .--options-list .--select-search{margin-bottom:var(--select-search-margin-bottom);top:0px;z-index:3}.--select .--options-list .--select-search .--input{background:var(--select-search);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 .--select-options-head{opacity:.5}.--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%;overflow:hidden}.--select .--options-list button.--select-option-item:disabled{color:var(--text-primary-disabled)}.--select .--options-list button.--select-option-item:disabled:hover{background:rgba(0,0,0,0)}.--select .--options-list button.--select-option-item:disabled .--select-option-check svg{opacity:.5}.--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)}.--select .--options-list button.--select-option-item.--selected .--select-option-check{background:var(--select-selected)}.--select .--options-list button.--select-option-item .--option-item-meta{gap:8px}.--select .--options-list button.--select-option-item .--select-option-check{top:0px;right:0px;bottom:0px;z-index:1;padding:10px;aspect-ratio:1/1;background:var(--select-options)}.--select .--options-list button.--select-option-item .--select-option-check svg{fill:var(--text-primary)}.--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.--disabled{cursor:not-allowed;opacity:.25}.--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))}body{--table: transparent;--table-row-gap: 2px;--table-row-radius: 0px;--table-row-padding: 0px;--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-row: #eee;--table-row-even: #f1f1f1;--table-row-odd: #f9f9f9;--table-row-hover: #fff}[color-scheme=dark] body{--table-row: #333;--table-row-hover: #555;--table-row-even: #333;--table-row-odd: #444}.--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 .--colv{flex:1}.--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(--tab-background, var(--muted))}.--tabview .--tabview-head .--segment-item:hover{background:var(--tab-background-hover, 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(--tab-background-active, var(--surface))}.--tabview .--tabview-head .--segment-item.--segment-active:hover{background:var(--tab-background-active, 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{outline:var(--tab-border-width) var(--tab-border-style) var(--tab-border-color);outline-offset:calc(var(--tab-border-width)*-1);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;flex-wrap:nowrap}.--tabview .--tabview-body .--content{width:100%;flex-shrink:0;background:var(--tab-body, #fff);padding:var(--tab-body-padding);display:block;min-height:1px}[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}.--text-fx{display:flex;flex-wrap:wrap}.--text-fx .--fx-char{display:inline-block;animation-delay:var(--delay);animation-duration:var(--duration);animation-iteration-count:var(--iteration);animation-fill-mode:both;position:relative}.--fx-typewriter{animation-name:zuz-typewriter;animation-timing-function:steps(1, end)}.--fx-bounce{animation-name:zuz-bounce;animation-timing-function:cubic-bezier(0.28, 0.84, 0.42, 1)}.--fx-wave{animation-name:zuz-wave;animation-timing-function:ease-in-out}@keyframes zuz-typewriter{0%{opacity:0;visibility:hidden}100%{opacity:var(--target-opacity, 1);visibility:visible}}@keyframes zuz-bounce{0%,100%{transform:translateY(0)}40%{transform:translateY(-20px) scaleY(1.1)}60%{transform:translateY(-15px)}}@keyframes zuz-wave{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}.--fx-glitch::before,.--fx-glitch::after{content:attr(data-char);position:absolute;top:0;left:0;width:100%}.--fx-slide{animation-name:zuz-slide}.--fx-fade{animation-name:zuz-fade}.--text-fx:has(.--fx-typewriter)::after{content:"|";position:absolute;right:-4px;animation:zuz-cursor-move var(--duration) var(--delay) steps(1) both;opacity:0}.--fx-glitch{animation:zuz-glitch-main 3s infinite}.--fx-glitch::before,.--fx-glitch::after{content:attr(data-char);position:absolute;top:0;left:0;width:100%;height:100%}.--fx-glitch::before{left:2px;text-shadow:-2px 0 #ff00c1;clip-path:inset(45% 0 45% 0);animation:zuz-glitch-split 2s infinite linear alternate-reverse}.--fx-glitch::after{left:-2px;text-shadow:2px 0 #00fff9;clip-path:inset(10% 0 85% 0);animation:zuz-glitch-split 3s infinite linear alternate-reverse}@keyframes zuz-glitch-split{0%{clip-path:inset(10% 0 30% 0)}20%{clip-path:inset(60% 0 10% 0)}40%{clip-path:inset(20% 0 50% 0)}60%{clip-path:inset(80% 0 5% 0)}80%{clip-path:inset(30% 0 60% 0)}100%{clip-path:inset(50% 0 20% 0)}}@keyframes zuz-slide{0%{opacity:0;transform:translateY(20px);filter:blur(4px)}100%{opacity:1;transform:translateY(0);filter:blur(0)}}@keyframes zuz-fade{0%{opacity:0}100%{opacity:1}}@keyframes zuz-cursor-move{0%{opacity:1}99%{opacity:1}100%{opacity:0}}.--fx-reveal{animation-name:zuz-reveal;clip-path:inset(0 100% 0 0)}@keyframes zuz-reveal{to{clip-path:inset(0 0 0 0)}}.--fx-pop{animation-name:zuz-pop;animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1.275)}@keyframes zuz-pop{0%{transform:scale(0);opacity:0}100%{transform:scale(1);opacity:1}}.--fx-fog{animation-name:zuz-fog}@keyframes zuz-fog{0%{filter:blur(10px);letter-spacing:10px;opacity:0;transform:scale(1.2)}100%{filter:blur(0);letter-spacing:normal;opacity:1;transform:scale(1)}}.--fx-glitch-v2{animation:zuz-glitch-v2 .2s infinite}@keyframes zuz-glitch-v2{0%{transform:translate(0);text-shadow:none}20%{transform:translate(-2px, 2px);text-shadow:2px 0 red}40%{transform:translate(-2px, -2px);text-shadow:-2px 0 blue}60%{transform:translate(2px, 2px);text-shadow:2px 0 green}80%{transform:translate(2px, -2px);text-shadow:-2px 0 #ff0}100%{transform:translate(0)}}.--fx-shuffle{animation:zuz-shuffle var(--duration) var(--delay) ease-out both}@keyframes zuz-shuffle{0%{opacity:0;transform:translateY(5px);filter:blur(2px)}20%{content:"#";opacity:1}40%{content:"&"}60%{content:"0"}80%{content:"X"}100%{opacity:var(--target-opacity, 1);transform:translateY(0);filter:blur(0)}}body{--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-text-color: #fff;--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: #fff;--snack-text-color: #111;--snack-btn: #242222;--snack-btn-hover: #1d1b1b;--snack-hover-shadow: #555}[color-scheme=dark] body .--snack{--progress-bar: rgba(0,0,0,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),width .4s ease;color:var(--snack-text-color);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,.2);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);--snack-text-color: #fff}.--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;--tooltip-font-size: 12px;--tooltip-font-weight: normal;--tooltip-radius: 20px;--tooltip-padding: 2px 4px;--tooltip-arrow-size: 10px}[color-scheme=dark] body{--tooltip: #eaeaea;--tooltip-color: #111}.--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;position-visibility:anchor-visible;filter:drop-shadow(1px 0px 0px var(--tooltip-border-color)) drop-shadow(-1px 0px 0px var(--tooltip-border-color)) drop-shadow(0px 1px 0px var(--tooltip-border-color)) drop-shadow(0px -1px 0px var(--tooltip-border-color))}.--tooltip.--xs{--tooltip-font-size: var(--text-xs);--tooltip-padding: var(--padding-xs)}.--tooltip.--sm{--tooltip-font-size: var(--text-sm);--tooltip-padding: var(--padding-sm)}.--tooltip.--md{--tooltip-font-size: var(--text-md);--tooltip-padding: var(--padding-md)}.--tooltip.--lg{--tooltip-font-size: var(--text-lg);--tooltip-padding: var(--padding-lg)}.--tooltip.--xl{--tooltip-font-size: var(--text-xl);--tooltip-padding: var(--padding-xl)}.--tooltip.--xll{--tooltip-font-size: var(--text-xll);--tooltip-padding: var(--padding-xll)}.--tooltip:before{content:"";position:absolute;width:var(--tooltip-arrow-size);height:var(--tooltip-arrow-size);border-radius:calc(var(--tooltip-arrow-size)/2.5);background:var(--tooltip);z-index:0}.--tooltip .--text{z-index:1;white-space:pre}.--tooltip.--top{bottom:anchor(top);left:anchor(center)}.--tooltip.--top:before{bottom:-0.2lh;left:50%;transform:translateX(-50%) rotate(45deg)}.--tooltip.--bottom{top:anchor(bottom);left:anchor(center)}.--tooltip.--bottom:before{top:-0.2lh;left:50%;transform:translateX(-50%) rotate(45deg)}.--tooltip.--left{right:anchor(left);top:anchor(center)}.--tooltip.--left:before{right:-0.15lh;top:50%;transform:translateY(-50%) rotate(45deg)}.--tooltip.--right{left:anchor(right);top:anchor(center)}.--tooltip.--right:before{left:-0.15lh;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-primary-disabled: #989898;--text-secondary: #444;--text-secondary-hover: #666;--border-primary: #ddd;--scrollbar-color: #777 transparent;--stripe-bg-a: #f5f5f5;--stripe-bg-b: #e0e0e0;--stripe-overlay-a: rgba(255, 255, 255, 0);--stripe-overlay-b: rgba(0, 0, 0, 0.05);interpolate-size:allow-keywords}[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-primary-disabled: #6d6d6d;--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;--stripe-bg-a: #f5f5f5;--stripe-bg-b: #e0e0e0;--stripe-overlay-a: rgba(255, 255, 255, 0.05);--stripe-overlay-b: rgba(0, 0, 0, 0.1)}.--no-scroll{overflow:hidden}[aria-hidden=true]:not(.monaco-editor *):not(.monaco-aria-container){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)}.--has-error:not(.--select),.--with-error:not(.--select),.input-with-error{box-shadow:inset 0px 0px 0px 1px #ff8b8b}.--select.--with-error .--select-display{box-shadow:0px 0px 0px 1px #ff8b8b;border-radius:inherit}.abc,.fixed.abc,.--abs.--abc,.--abs.abc,.abs.--abc,.abs.abc,.center-h,.--center-x,.--center-y,.center-v,.abs{--fx-x: 0px;--fx-y: 0px}.abc,.fixed.abc,.--abs.--abc,.--abs.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-x,.center-h{left:50%;--abc-x: -50%;translate:calc(var(--abc-x) + var(--fx-x, 0px)) var(--fx-y, 0px)}.--center-y,.center-v{top:50%;--abc-y: -50%;translate:var(--fx-x, 0px) calc(var(--abc-y) + var(--fx-y, 0px))}.--sticky{position:sticky}.--no-shrink{flex-shrink:0}.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}.flex.wrap{flex-wrap:wrap}.--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}.--flex.--wrap{flex-wrap:wrap}.flex-inline{display:inline-flex}.--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%}.--line-clamp{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;-webkit-line-clamp:var(--line-count, 1)}.--is-busy{position:relative;overflow:hidden;z-index:0}.--is-busy::before{content:"";position:absolute;z-index:-1;left:-50%;top:-50%;width:200%;height:200%;background-color:rgba(0,0,0,0);background-repeat:no-repeat;background-size:50% 50%,50% 50%;background-position:0 0,100% 0,100% 100%,0 100%;background-image:linear-gradient(var(--primary), var(--primary));animation:rotate-border 2s linear infinite}.--is-busy::after{content:"";position:absolute;z-index:-1;left:2px;top:2px;width:calc(100% - 4px);height:calc(100% - 4px);background:inherit;border-radius:inherit}@keyframes rotate-border{100%{transform:rotate(1turn)}}.--has-stripes{position:relative;overflow:hidden}.--has-stripes.--stripes-background{background:repeating-linear-gradient(45deg, var(--stripe-bg-a), var(--stripe-bg-a) 10px, var(--stripe-bg-b) 10px, var(--stripe-bg-b) 20px);cursor:not-allowed;opacity:.7;pointer-events:none;color:#999}.--has-stripes.--stripes-overlay::after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;z-index:10;pointer-events:none;background:repeating-linear-gradient(45deg, var(--stripe-overlay-a), var(--stripe-overlay-a) 15px, var(--stripe-overlay-b) 15px, var(--stripe-overlay-b) 30px);cursor:not-allowed;opacity:.7;pointer-events:none}
package/dist/index.cjs CHANGED
@@ -1,5 +1,5 @@
1
- 'use strict';var chunk7G2SIFGZ_cjs=require('./chunk-7G2SIFGZ.cjs'),react=require('react'),hooks=require('@zuzjs/hooks'),reactDom=require('react-dom'),core=require('@zuzjs/core'),jsxRuntime=require('react/jsx-runtime'),react$1=require('@zuzjs/core/react'),dateFns=require('date-fns');/* ZuzJS UI CLI */
2
- var Mr={Circle:"CIRCLE",Square:"SQUARE"},If={Default:"DEFAULT",Circle:"CIRCLE"},Ef={Light:"light",Dark:"dark",System:"system"},$e={Default:"DEFAULT",Switch:"SWITCH"},bt={Auto:"auto",Top:"top",Bottom:"bottom",Left:"left",Right:"right"},ye=bt,vt=hooks.AnchorType,Nf=vt,Bf={Top:"top",TopStart:"top-start",TopCenter:"top-center",TopEnd:"top-end",Bottom:"bottom",BottomStart:"bottom-start",BottomCenter:"bottom-center",BottomEnd:"bottom-end",Left:"left",LeftStart:"left-start",LeftCenter:"left-center",LeftEnd:"left-end",Right:"right",RightStart:"right-start",RightCenter:"right-center",RightEnd:"right-end"},G={XSmall:"xs",Small:"sm",Medium:"md",Large:"lg",XLarge:"xl"},kf={Asc:"ASC",Desc:"DESC"},Lf={String:"STRING",Number:"NUMBER",Boolean:"BOOLEAN",Array:"ARRAY",Object:"OBJECT",Date:"DATE",Time:"TIME",DateTime:"DATETIME",File:"FILE"},Mf={Dots:"DOTS"},qe={IPV4:"IPV4",IPV6:"IPV6",Email:"EMAIL",Uri:"URI",Password:"PASSWORD",MatchField:"MATCHFIELD",Pattern:"*",GreaterThan:"GREATER_THAN",NotEmpty:"NOT_EMPTY",NotMinusOne:"NOT_MINUS_ONE"},Ee={Success:"success",Error:"error",Warning:"warning",Info:"info"},te={Spring:"SPRING",Liquid:"LIQUID",EaseInOut:"EASEINOUT",EaseOutBack:"EASEOUTBACK",Bounce:"BOUNCE"},j={FadeIn:"FADE_IN",ScaleIn:"SCALE_IN",SlideInTop:"SLIDE_FROM_TOP",SlideInRight:"SLIDE_FROM_RIGHT",SlideInBottom:"SLIDE_FROM_BOTTOM",SlideInTopScale:"SLIDE_FROM_BOTTOM_SCALE",SlideInBottomScale:"SLIDE_FROM_BOTTOM_SCALE",SlideInLeft:"SLIDE_FROM_LEFT"},Of={Success:"success",Error:"error",Idle:"idle",Dead:"dead"},Ne={Dialog:"DIALOG",Default:"DEFAULT",Error:"ERROR",Success:"SUCCESS",Warn:"WARN",Promise:"PROMISE"},st=Ne,vo={Left:"LEFT",Right:"RIGHT",Center:"CENTER"},Or=vo,Vf={Bar:"BAR",Ring:"RING"},So={Default:"range",Text:"number"},wo={Default:"DEFAULT",Card:"CARD"},Ft={Gooey:"gooey"},Se={Left:"LEFT",Right:"RIGHT",Top:"TOP",Bottom:"BOTTOM"};var Vr=Symbol.for("zuz.global.map"),Dr=e=>{globalThis[Vr]=e;},ti=()=>globalThis[Vr]||{},Co=e=>{let r=Array.isArray(e)?e.join(" "):e;if(!r||typeof r!="string")return "";let t=ti();return process.env.NODE_ENV==="development"&&Object.keys(t).length===0&&console.warn(`[${chunk7G2SIFGZ_cjs.f}] No utility map detected. Classes will not be hashed. `,"Ensure you call setZuzMap() or use <ThemeProvider zuzMap={...} />."),chunk7G2SIFGZ_cjs.h(r).filter(Boolean).map(o=>{let s=o.match(/^([&@][\w-]+)\((.*)\)$/);if(s){let[a,l,u]=s;return chunk7G2SIFGZ_cjs.h(u).map(c=>{let i=`${l}(${c})`;return t[i]||c}).join(" ")}return t[o]||o}).join(" ")},ed=e=>{let r=Array.isArray(e)?e.join(" "):e;return !r||typeof r!="string"?"":Co(r)},Hr=e=>{let r={};for(let t in e){let n=e[t];if(t.startsWith("--")){r[t]=n;continue}let o=chunk7G2SIFGZ_cjs.e[t]?.toString()??t;if(o==="x"||o==="translateX"){let s=r.translate?.split(" ")??["0px","0px"];r.translate=`${chunk7G2SIFGZ_cjs.i.addUnitsSafely(t,n)} ${s[1]??"0px"}`;}else if(o==="y"||o==="translateY"){let s=r.translate?.split(" ")??["0px","0px"];r.translate=`${s[0]??"0px"} ${chunk7G2SIFGZ_cjs.i.addUnitsSafely(t,n)}`;}else chunk7G2SIFGZ_cjs.d.includes(o)?r[o]=chunk7G2SIFGZ_cjs.i.addUnitsSafely(t,n):r[o]=n;}return r},Po=e=>{if(!e)return "linear";switch(e.toUpperCase()){case te.Bounce:return "var(--bounce)";case te.Liquid:return "var(--liquid)";case te.Spring:return "var(--spring)";case te.EaseInOut:return "ease-in-out";case te.EaseOutBack:return "ease-out-back";default:return "linear"}},St=(e,r=0,t=0)=>{let n={},o={},s=r||20,a=t||0;switch(e){case j.SlideInLeft:case j.SlideInRight:n={"--fx-x":e===j.SlideInLeft?`-${s}px`:`${s}px`,opacity:0},o={"--fx-x":`${a}px`,opacity:1};break;case j.SlideInTop:case j.SlideInBottom:n={"--fx-y":e===j.SlideInTop?`-${s}px`:`${s}px`,opacity:0},o={"--fx-y":`${a}px`,opacity:1};break;case j.SlideInTopScale:case j.SlideInBottomScale:n={"--fx-y":e===j.SlideInTopScale?`-${s}px`:`${s}px`,scale:1.1},o={"--fx-y":`${a}px`,scale:1};break;case j.ScaleIn:n={scale:0,opacity:0},o={scale:1,opacity:1};break;case j.FadeIn:n={opacity:0},o={opacity:1};break}return {from:n,to:o}},td=(e,r,t)=>{let{from:n,to:o}=St(e);return r?{...n,...o}:t?n:o};var ri=(e,r)=>{let t=react.useRef([]),n=react.useRef(false);return react.useEffect(()=>{e?.when||(n.current=false);},[e?.transition]),react.useEffect(()=>{let o=r?.current;if(!o||!e||!e.clearAtEnd)return;let s=a=>{t.current.includes(a.propertyName)&&e.clearAtEnd===true&&(o.style.transform="",o.style.filter="",t.current.forEach(l=>o.style.removeProperty(l)));};return o.addEventListener("transitionend",s),()=>o.removeEventListener("transitionend",s)},[e,r]),react.useEffect(()=>{if(typeof window>"u"||!r?.current)return;let o=r.current;(e?.scroll||e?.mouse)&&(o.style.willChange="transform",o.style.translate="var(--fx-x, 0px) var(--fx-y, 0px)",o.style.transition=`translate 0.1s ${e.curve?Po(e.curve):"var(--spring)"}`);},[e,r]),react.useMemo(()=>{if(!e)return {style:{}};let{transition:o,from:s,to:a,exit:l,when:u,duration:c=.3,delay:i=0,curve:d,margin:f=0,offset:m=20,watch:g=[]}=e,C=u===false&&!n.current;u===true&&(n.current=true);let x={},{from:P,to:S}=o?St(o,m,f):{from:s||{},to:a||{}};x=u===void 0?{...P,...S}:u?{...S}:l||P;let T=Po(d),h=[],v=Hr(x);t.current=Object.keys(v);let y={...v};return Object.keys(v).forEach(b=>{let I=b.startsWith("--")?"all":b;h.includes(I)||h.push(`${I} ${c}s ${T} ${i}s`);}),g.forEach(b=>{h.includes(b)||h.push(`${b} 0.1s ${T} 0s`);}),{style:{...y,transition:C?"none":h.join(", "),opacity:C?0:y.opacity,pointerEvents:C?"none":y.pointerEvents}}},[e,e?.when,e?.watch])},xe=ri;var zt=null,ni=(e,r)=>{let{as:t,fx:n,busy:o=false,stripes:s,transition:a,skeleton:l,className:u,propsToRemove:c,draggable:i,dragOptions:d,style:f,...m}=e||{},g=typeof window<"u",C={},x={};if(i&&g&&!zt&&(import('@zuzjs/hooks').then(v=>{zt=v.useDrag;}).catch(v=>{console.error("Error loading useDrag:",v);}),zt)){let v=zt(d);C={onMouseDown:v.onMouseDown},x={transform:`translate(${v.position.x}px, ${v.position.y}px)`};}let P=[u,o===true?"--is-busy":"",s?`--has-stripes --stripes-${s}`:""].filter(Boolean).join(" "),S=a?{transition:a,duration:.3}:n||{},{style:T}=xe(S,r),h=Co(t??"");return {style:{...f,...T,...x},className:[P,h||"",l?.enabled?"--skeleton":"",i?"--draggable":""].join(" ").trim(),rest:{...C,...chunk7G2SIFGZ_cjs.g(m,c?[...c,"skeleton"]:["skeleton"])}}},N=ni;var Fr="(prefers-color-scheme: dark)",ii=typeof window>"u",_r=react.createContext(void 0),Eo=e=>{let r=react.useContext(_r);if(!r){if(e===true)return;throw new Error("useColorScheme must be used within a ThemeProvider")}return r},Y=Eo,li=({children:e,storageKey:r="--ucs",forceTheme:t,zuzMap:n,...o})=>(n&&Dr(n),jsxRuntime.jsx(ci,{storageKey:r,forceTheme:t,...o,children:e})),ci=({children:e,storageKey:r,forceTheme:t,...n})=>{let[o,s]=react.useState(()=>t||zr(r,"system")),[a,l]=react.useState(()=>t||zr(r)),u=f=>(f||(f=window.matchMedia(Fr)),f.matches?"dark":"light"),c=react.useCallback(f=>{let m=f=="system"?u():f,g=document.documentElement;g.setAttribute("color-scheme",m),g.style.colorScheme=m,l(m);},[u]),i=react.useCallback(f=>{s(f),localStorage.setItem(r,f),c(f);},[o]),d=react.useCallback(f=>{let m=u(f);l(m),o==="system"&&c("system");},[o]);return react.useEffect(()=>{o==null&&window.localStorage.getItem(r);},[o]),react.useEffect(()=>{window.matchMedia(Fr).addEventListener("change",d);},[d]),react.useEffect(()=>{let f=m=>{m.key==r&&(m.newValue?i(m.newValue):i("system"));};return window.addEventListener("storage",f),()=>window.removeEventListener("storage",f)},[i]),react.useEffect(()=>{c(t||o||"system");},[o]),jsxRuntime.jsxs(_r,{value:{colorScheme:o,resolvedScheme:a,setColorScheme:i,...n},children:[t?null:jsxRuntime.jsx("script",{suppressHydrationWarning:true,dangerouslySetInnerHTML:{__html:`const el = document.documentElement
1
+ 'use strict';var chunkXKNFRUBN_cjs=require('./chunk-XKNFRUBN.cjs'),react=require('react'),hooks=require('@zuzjs/hooks'),reactDom=require('react-dom'),core=require('@zuzjs/core'),jsxRuntime=require('react/jsx-runtime'),react$1=require('@zuzjs/core/react'),dateFns=require('date-fns');/* ZuzJS UI CLI */
2
+ var Mr={Circle:"CIRCLE",Square:"SQUARE"},If={Default:"DEFAULT",Circle:"CIRCLE"},Ef={Light:"light",Dark:"dark",System:"system"},$e={Default:"DEFAULT",Switch:"SWITCH"},bt={Auto:"auto",Top:"top",Bottom:"bottom",Left:"left",Right:"right"},ye=bt,vt=hooks.AnchorType,Nf=vt,Bf={Top:"top",TopStart:"top-start",TopCenter:"top-center",TopEnd:"top-end",Bottom:"bottom",BottomStart:"bottom-start",BottomCenter:"bottom-center",BottomEnd:"bottom-end",Left:"left",LeftStart:"left-start",LeftCenter:"left-center",LeftEnd:"left-end",Right:"right",RightStart:"right-start",RightCenter:"right-center",RightEnd:"right-end"},G={XSmall:"xs",Small:"sm",Medium:"md",Large:"lg",XLarge:"xl"},kf={Asc:"ASC",Desc:"DESC"},Lf={String:"STRING",Number:"NUMBER",Boolean:"BOOLEAN",Array:"ARRAY",Object:"OBJECT",Date:"DATE",Time:"TIME",DateTime:"DATETIME",File:"FILE"},Mf={Dots:"DOTS"},qe={IPV4:"IPV4",IPV6:"IPV6",Email:"EMAIL",Uri:"URI",Password:"PASSWORD",MatchField:"MATCHFIELD",Pattern:"*",GreaterThan:"GREATER_THAN",NotEmpty:"NOT_EMPTY",NotMinusOne:"NOT_MINUS_ONE"},Ee={Success:"success",Error:"error",Warning:"warning",Info:"info"},te={Spring:"SPRING",Liquid:"LIQUID",EaseInOut:"EASEINOUT",EaseOutBack:"EASEOUTBACK",Bounce:"BOUNCE"},j={FadeIn:"FADE_IN",ScaleIn:"SCALE_IN",SlideInTop:"SLIDE_FROM_TOP",SlideInRight:"SLIDE_FROM_RIGHT",SlideInBottom:"SLIDE_FROM_BOTTOM",SlideInTopScale:"SLIDE_FROM_BOTTOM_SCALE",SlideInBottomScale:"SLIDE_FROM_BOTTOM_SCALE",SlideInLeft:"SLIDE_FROM_LEFT"},Of={Success:"success",Error:"error",Idle:"idle",Dead:"dead"},Ne={Dialog:"DIALOG",Default:"DEFAULT",Error:"ERROR",Success:"SUCCESS",Warn:"WARN",Promise:"PROMISE"},st=Ne,vo={Left:"LEFT",Right:"RIGHT",Center:"CENTER"},Or=vo,Vf={Bar:"BAR",Ring:"RING"},So={Default:"range",Text:"number"},wo={Default:"DEFAULT",Card:"CARD"},Ft={Gooey:"gooey"},Se={Left:"LEFT",Right:"RIGHT",Top:"TOP",Bottom:"BOTTOM"};var Vr=Symbol.for("zuz.global.map"),Dr=e=>{globalThis[Vr]=e;},ti=()=>globalThis[Vr]||{},Co=e=>{let r=Array.isArray(e)?e.join(" "):e;if(!r||typeof r!="string")return "";let t=ti();return process.env.NODE_ENV==="development"&&Object.keys(t).length===0&&console.warn(`[${chunkXKNFRUBN_cjs.f}] No utility map detected. Classes will not be hashed. `,"Ensure you call setZuzMap() or use <ThemeProvider zuzMap={...} />."),chunkXKNFRUBN_cjs.h(r).filter(Boolean).map(o=>{let s=o.match(/^([&@][\w-]+)\((.*)\)$/);if(s){let[a,l,u]=s;return chunkXKNFRUBN_cjs.h(u).map(c=>{let i=`${l}(${c})`;return t[i]||c}).join(" ")}return t[o]||o}).join(" ")},ed=e=>{let r=Array.isArray(e)?e.join(" "):e;return !r||typeof r!="string"?"":Co(r)},Hr=e=>{let r={};for(let t in e){let n=e[t];if(t.startsWith("--")){r[t]=n;continue}let o=chunkXKNFRUBN_cjs.e[t]?.toString()??t;if(o==="x"||o==="translateX"){let s=r.translate?.split(" ")??["0px","0px"];r.translate=`${chunkXKNFRUBN_cjs.i.addUnitsSafely(t,n)} ${s[1]??"0px"}`;}else if(o==="y"||o==="translateY"){let s=r.translate?.split(" ")??["0px","0px"];r.translate=`${s[0]??"0px"} ${chunkXKNFRUBN_cjs.i.addUnitsSafely(t,n)}`;}else chunkXKNFRUBN_cjs.d.includes(o)?r[o]=chunkXKNFRUBN_cjs.i.addUnitsSafely(t,n):r[o]=n;}return r},Po=e=>{if(!e)return "linear";switch(e.toUpperCase()){case te.Bounce:return "var(--bounce)";case te.Liquid:return "var(--liquid)";case te.Spring:return "var(--spring)";case te.EaseInOut:return "ease-in-out";case te.EaseOutBack:return "ease-out-back";default:return "linear"}},St=(e,r=0,t=0)=>{let n={},o={},s=r||20,a=t||0;switch(e){case j.SlideInLeft:case j.SlideInRight:n={"--fx-x":e===j.SlideInLeft?`-${s}px`:`${s}px`,opacity:0},o={"--fx-x":`${a}px`,opacity:1};break;case j.SlideInTop:case j.SlideInBottom:n={"--fx-y":e===j.SlideInTop?`-${s}px`:`${s}px`,opacity:0},o={"--fx-y":`${a}px`,opacity:1};break;case j.SlideInTopScale:case j.SlideInBottomScale:n={"--fx-y":e===j.SlideInTopScale?`-${s}px`:`${s}px`,scale:1.1},o={"--fx-y":`${a}px`,scale:1};break;case j.ScaleIn:n={scale:0,opacity:0},o={scale:1,opacity:1};break;case j.FadeIn:n={opacity:0},o={opacity:1};break}return {from:n,to:o}},td=(e,r,t)=>{let{from:n,to:o}=St(e);return r?{...n,...o}:t?n:o};var ri=(e,r)=>{let t=react.useRef([]),n=react.useRef(false);return react.useEffect(()=>{e?.when||(n.current=false);},[e?.transition]),react.useEffect(()=>{let o=r?.current;if(!o||!e||!e.clearAtEnd)return;let s=a=>{t.current.includes(a.propertyName)&&e.clearAtEnd===true&&(o.style.transform="",o.style.filter="",t.current.forEach(l=>o.style.removeProperty(l)));};return o.addEventListener("transitionend",s),()=>o.removeEventListener("transitionend",s)},[e,r]),react.useEffect(()=>{if(typeof window>"u"||!r?.current)return;let o=r.current;(e?.scroll||e?.mouse)&&(o.style.willChange="transform",o.style.translate="var(--fx-x, 0px) var(--fx-y, 0px)",o.style.transition=`translate 0.1s ${e.curve?Po(e.curve):"var(--spring)"}`);},[e,r]),react.useMemo(()=>{if(!e)return {style:{}};let{transition:o,from:s,to:a,exit:l,when:u,duration:c=.3,delay:i=0,curve:d,margin:f=0,offset:m=20,watch:g=[]}=e,C=u===false&&!n.current;u===true&&(n.current=true);let x={},{from:P,to:S}=o?St(o,m,f):{from:s||{},to:a||{}};x=u===void 0?{...P,...S}:u?{...S}:l||P;let T=Po(d),h=[],v=Hr(x);t.current=Object.keys(v);let y={...v};return Object.keys(v).forEach(b=>{let I=b.startsWith("--")?"all":b;h.includes(I)||h.push(`${I} ${c}s ${T} ${i}s`);}),g.forEach(b=>{h.includes(b)||h.push(`${b} 0.1s ${T} 0s`);}),{style:{...y,transition:C?"none":h.join(", "),opacity:C?0:y.opacity,pointerEvents:C?"none":y.pointerEvents}}},[e,e?.when,e?.watch])},xe=ri;var zt=null,ni=(e,r)=>{let{as:t,fx:n,busy:o=false,stripes:s,transition:a,skeleton:l,className:u,propsToRemove:c,draggable:i,dragOptions:d,style:f,...m}=e||{},g=typeof window<"u",C={},x={};if(i&&g&&!zt&&(import('@zuzjs/hooks').then(v=>{zt=v.useDrag;}).catch(v=>{console.error("Error loading useDrag:",v);}),zt)){let v=zt(d);C={onMouseDown:v.onMouseDown},x={transform:`translate(${v.position.x}px, ${v.position.y}px)`};}let P=[u,o===true?"--is-busy":"",s?`--has-stripes --stripes-${s}`:""].filter(Boolean).join(" "),S=a?{transition:a,duration:.3}:n||{},{style:T}=xe(S,r),h=Co(t??"");return {style:{...f,...T,...x},className:[P,h||"",l?.enabled?"--skeleton":"",i?"--draggable":""].join(" ").trim(),rest:{...C,...chunkXKNFRUBN_cjs.g(m,c?[...c,"skeleton"]:["skeleton"])}}},N=ni;var Fr="(prefers-color-scheme: dark)",ii=typeof window>"u",_r=react.createContext(void 0),Eo=e=>{let r=react.useContext(_r);if(!r){if(e===true)return;throw new Error("useColorScheme must be used within a ThemeProvider")}return r},Y=Eo,li=({children:e,storageKey:r="--ucs",forceTheme:t,zuzMap:n,...o})=>(n&&Dr(n),jsxRuntime.jsx(ci,{storageKey:r,forceTheme:t,...o,children:e})),ci=({children:e,storageKey:r,forceTheme:t,...n})=>{let[o,s]=react.useState(()=>t||zr(r,"system")),[a,l]=react.useState(()=>t||zr(r)),u=f=>(f||(f=window.matchMedia(Fr)),f.matches?"dark":"light"),c=react.useCallback(f=>{let m=f=="system"?u():f,g=document.documentElement;g.setAttribute("color-scheme",m),g.style.colorScheme=m,l(m);},[u]),i=react.useCallback(f=>{s(f),localStorage.setItem(r,f),c(f);},[o]),d=react.useCallback(f=>{let m=u(f);l(m),o==="system"&&c("system");},[o]);return react.useEffect(()=>{o==null&&window.localStorage.getItem(r);},[o]),react.useEffect(()=>{window.matchMedia(Fr).addEventListener("change",d);},[d]),react.useEffect(()=>{let f=m=>{m.key==r&&(m.newValue?i(m.newValue):i("system"));};return window.addEventListener("storage",f),()=>window.removeEventListener("storage",f)},[i]),react.useEffect(()=>{c(t||o||"system");},[o]),jsxRuntime.jsxs(_r,{value:{colorScheme:o,resolvedScheme:a,setColorScheme:i,...n},children:[t?null:jsxRuntime.jsx("script",{suppressHydrationWarning:true,dangerouslySetInnerHTML:{__html:`const el = document.documentElement
3
3
  const themes = ['light', 'dark']
4
4
  let theme = localStorage.getItem(\`${r}\`) || "system";
5
5
  if (theme === "system") {
@@ -11,4 +11,4 @@ var Mr={Circle:"CIRCLE",Square:"SQUARE"},If={Default:"DEFAULT",Circle:"CIRCLE"},
11
11
  ${s==true?`<span class="--line-number">${v+1}</span>`:""}
12
12
  <span class="--line-content">${y||" "}</span>
13
13
  </div>`}).join("")},[t,g]);return jsxRuntime.jsxs(p,{as:`--code-block rel ${d}`,style:f,...c,children:[jsxRuntime.jsx("pre",{ref:e,children:jsxRuntime.jsx("code",{className:`--code --lang-${o}`,dangerouslySetInnerHTML:{__html:C}})}),n&&jsxRuntime.jsx(z,{as:"--copy-code abs",onClick:()=>{core.copyToClipboard(t),n.onCopy?.();},children:"Copy"})]})},wm=Sm;var fs=({onSelect:e,meta:r,selected:t,disabled:n=false})=>{let o=react.useRef(null),{index:s,icon:a,label:l}=r,[u,c]=react.useState({x:0,width:0}),i=hooks.useDelayed();return react.useLayoutEffect(()=>{if(i&&o.current){let{width:d,x:f}=o.current.getBoundingClientRect();c({x:f,width:d}),t&&e(s,d,f,r,true);}},[i,o.current]),react.useEffect(()=>{t&&e(s,u.width,u.x,r,false);},[t]),jsxRuntime.jsxs(z,{disabled:n,onClick:()=>e(s,u.width,u.x,r,false),ref:o,className:`--segment-item flex aic rel ${t?"--segment-active":""}`.trim(),children:[a?typeof a=="string"?jsxRuntime.jsx(ee,{name:a,as:"--segment-icon"}):jsxRuntime.jsx(p,{as:"--segment-icon flex aic jcc",children:a}):null,l&&String(l).trim()!=""&&jsxRuntime.jsx(p,{className:"--segment-label",children:l||`Item ${s}`})]})};fs.displayName="SelectTabItem";var ds=fs;var hs=react.forwardRef((e,r)=>{let{fx:t,items:n,selected:o,variant:s,disabled:a=false,onSwitch:l,...u}=e,[c,i]=react.useState(o||0),d=hooks.useDelayed(50),f=react.useRef(c),{className:m,style:g,rest:C}=N(u),x=react.useRef(null),P=react.useRef(null),{variant:S}=Y(true),T=(h,v,y,b,I)=>{if((I||c!=h&&c!=-2)&&(i(h),f.current=c,queueMicrotask(()=>{d&&l?.(b);})),x.current){let A=P.current?.getBoundingClientRect();x.current.style.setProperty("--w",`${v}px`),x.current.style.setProperty("--x",`${A?y-A.left:y}px`);}};return react.useImperativeHandle(r,()=>({setSelected:h=>{typeof h=="number"&&h!=c&&i(h);}}),[c]),jsxRuntime.jsxs(p,{ref:P,"data-selected":c,className:`${m} --segmented --${s||S||G.Medium} flex aic rel`,style:g,...C,children:[jsxRuntime.jsx(p,{ref:x,className:`--segment-tab --${a?"disabled":"abled"} abs`}),n.map((h,v)=>jsxRuntime.jsx(ds,{disabled:a,onSelect:T,selected:c==v,meta:{...h,index:v}},`segment-${h.label}-${v}`))]})});hs.displayName="Zuz.SelectTabs";var Ot=hs;var bs=react.forwardRef((e,r)=>{let{type:t,variant:n,...o}=e,s=hooks.useDelayed(),{colorScheme:a,setColorScheme:l}=Eo(),u=react.useCallback(()=>{l(a=="dark"?"light":a=="light"?"system":"dark");},[a]),{variant:c}=Y(true),{className:i,style:d}=N(o),f=react.useMemo(()=>t=="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(a),[a]);return !s||m==-1?null:t=="system"||t=="switch"?jsxRuntime.jsx(Ot,{className:`--color-scheme --${t}`,onSwitch:({tag:g})=>{l(g);},selected:m,items:f,...o}):jsxRuntime.jsx(z,{onClick:u,style:d,variant:n,as:`--color-scheme-switch ${i}`.trim(),children:a=="system"?O.colorSchemeSystem:a=="light"?O.colorSchemeLight:O.colorSchemeDark})});bs.displayName="Zuz.ColorScheme";var Am=bs;var Ss=react.forwardRef((e,r)=>{let[t,n]=react.useState("wait"),{title:o,message:s,acceptLabel:a,rejectLabel:l,position:u}=e,c=async i=>{n(i==1?"accepted":"rejected"),localStorage.setItem("--ccnt",String(i));};return react.useEffect(()=>{let i=localStorage.getItem("--ccnt");n(i?i=="1"?"accepted":"rejected":"pending");},[]),jsxRuntime.jsxs(p,{fx:{from:{x:-1e3},to:{x:0},when:t=="pending",curve:te.EaseInOut,duration:.5,delay:t=="accepted"?0:3},as:`--cookie-consent --${t} --${u||ye.Left} flex cols`,children:[jsxRuntime.jsx(_,{as:"--title",children:o||"This site uses cookies"}),jsxRuntime.jsx(_,{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(p,{as:"--footer flex aic",children:[jsxRuntime.jsx(z,{onClick:i=>c(1),as:"--accept",children:a||"Accept All"}),jsxRuntime.jsx(z,{onClick:i=>c(0),as:"--reject",children:l||"Cancel"})]})]})});Ss.displayName="Zuz.CookiesConsent";var _m=Ss;var Ps=({ref:e,...r})=>{let {title:t,position:n,margin:o=4,anchorName:s="--tooltip-anchor",children:a,show:l,variant:u,...c}=r,{style:i,className:d,rest:f}=N(c),m=n||ye.Top;react.useRef(null);let [C,x]=react.useState(false);react.useRef(6);let S=l===true||C,h=`--anchor-${react.useId().replace(/:/g,"")}`,{tooltip:v}=Y(true),y=react.useMemo(()=>{let I=false;return react$1.addPropsToChildren(a,A=>{let k=A.props.className?.includes(s);return k&&(I=true),k||!I},(A,k)=>{let H=k.props.className?.includes(s),L=A===0,M={};return (H||L)&&(M.style={...k.props.style,anchorName:h}),L&&(M.onMouseEnter=$=>{x(true),k.props.onMouseEnter?.($);},M.onMouseLeave=$=>{x(false),k.props.onMouseLeave?.($);}),M})},[a,s,h]),b=xe({transition:m==ye.Top?j.SlideInTop:m==ye.Bottom?j.SlideInBottom:m==ye.Left?j.SlideInLeft:j.SlideInRight,when:S,duration:.2,offset:o+6,margin:m==ye.Top||m==ye.Left?-o:o,curve:v?.curve||te.EaseInOut});return react.useImperativeHandle(e,()=>({show:()=>x(true),hide:()=>x(false),setPosition:()=>{}})),jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[y,jsxRuntime.jsx(p,{style:{positionAnchor:h,...b.style,...m===ye.Top||m===ye.Bottom?{"--fx-x":"-50%"}:{"--fx-y":"-50%"}},as:`--tooltip --visb-${S} --${u||v?.variant||G.Small} --${m} abs ${d}`.trim(),children:typeof t=="string"?jsxRuntime.jsx(_,{as:"--text rel",children:t}):t})]})};Ps.displayName="Zuz.ToolTip";var ir=Ps;var Ts=({ref:e,...r})=>{let {type:t,value:n=0,min:o=0,max:s=1,step:a=.01,onChange:l,showGhostBar:u,showKnobOnHover:c,showToolTip:i,roundValue:d,formatValue:f,...m}=r,{className:g,style:C,rest:x}=N(m),P=react.useRef(a||.01).current,S=react.useRef(o||0).current,T=react.useRef(s||1).current,h=react.useRef(n||0).current,v=react.useRef(null),y=react.useRef(null),b=react.useRef(null),I=react.useRef(null);react.useRef(null);let k=react.useRef(null),H=react.useRef(null),L=react.useRef(null),M=react.useRef(null),$=(oe,ie,fe)=>(oe-ie)/(fe-ie)*100,K=oe=>{if(y.current){let ie=parseFloat(oe.currentTarget.value);re(ie);let fe=$(ie,parseFloat(oe.currentTarget.min),parseFloat(oe.currentTarget.max));y.current.style.setProperty("--value",`${fe}`),y.current.setAttribute("data-value",`${ie}`),l&&l(d?+ie.toFixed(2):ie);}},[R,B]=react.useState(false),[q,X]=react.useState(0),[D,F]=react.useState(0),[W,Z]=react.useState(false),re=async oe=>{let ie=f?f(+oe):d?(+oe).toFixed(2):Math.round(+oe);L.current&&(L.current.textContent=String(ie));},se=oe=>{if(R){let ie=oe.clientX-q,fe=T-S,Ie=ie/200*fe,ve=Math.max(S,Math.min(D+Ie,T));if(ve=Math.round(ve/P)*P,re(ve),y.current){let Ae=$(ve,S,T);y.current.style.setProperty("--value",`${Ae}`),y.current.setAttribute("data-value",`${ve}`),H.current&&(H.current.textContent=d?ve.toFixed(2):ve.toString()),l&&l(ve);}}},me=()=>{B(false),document.body.style.cursor="auto";},he=oe=>(oe-S)/(T-S)*100,ae=oe=>{if(!y.current)return;let ie=y.current.getBoundingClientRect(),fe=oe.clientX-ie.left,He=Math.max(0,Math.min(100,fe/ie.width*100));if(i&&L.current){let Ie=v.current?+v.current.value:n;re(Ie*100);}if(u){let Ie=he(v.current?+v.current.value:n),ve=Math.min(Ie,He),Ae=Math.abs(He-Ie);y.current.style.setProperty("--ghost-start",`${ve}`),y.current.style.setProperty("--ghost-width",`${Ae}`);}};react.useEffect(()=>{y.current&&y.current.style.setProperty("--value",v.current?`${$(parseFloat(v.current.value),parseFloat(v.current.min),parseFloat(v.current.max))}`:h.toString());},[]),react.useEffect(()=>(R?(document.addEventListener("mousemove",se),document.addEventListener("mouseup",me)):(document.removeEventListener("mousemove",se),document.removeEventListener("mouseup",me)),()=>{document.removeEventListener("mousemove",se),document.removeEventListener("mouseup",me);}),[R]),react.useEffect(()=>{let oe=$(n,S,T);y.current?.style.setProperty("--value",`${oe}`),re(n);},[n,S,T,L.current]);let U=()=>jsxRuntime.jsxs(p,{ref:y,onMouseEnter:()=>Z(true),onMouseLeave:()=>Z(false),onMouseMove:ae,className:`--slider --${t||So.Default} ${c?"--knob-hover":""} flex rel ${g}`.trim(),style:{...C},children:[jsxRuntime.jsx(p,{ref:k,className:"--slider-track abs fill"}),u&&jsxRuntime.jsx(p,{ref:I,className:"--slider-ghost abs fill"}),jsxRuntime.jsx(p,{className:"--slider-track-filled abs fill",style:{width:"calc(var(--value) * 1%)"}}),jsxRuntime.jsx(p,{ref:b,className:"--slider-knob --tooltip-knob abs"}),jsxRuntime.jsx(ue,{ref:v,onInput:K,className:"abs fill",tabIndex:0,type:t||So.Default,defaultValue:h||0,step:P,max:T,min:S})]});if(i===true){let oe=f?f(n):d?n.toFixed(2):n;return jsxRuntime.jsx(ir,{ref:M,show:R,position:bt.Top,margin:15,anchorName:"--tooltip-knob",title:jsxRuntime.jsx(ce,{ref:L,children:oe}),children:U()})}return U()};Ts.displayName="Zuz.Slider";var lt=Ts;var Is=react.forwardRef((e,r)=>{let{src:t,shape:n,size:o,...s}=e,{style:a,className:l,rest:u}=N(s),{canvasRef:c,crop:i,setScale:d,handleMouseDown:f,handleMouseUp:m,handleMouseMove:g}=hooks.useImageCropper(t,o||200,n||hooks.CropShape.Circle);return react.useImperativeHandle(r,()=>({getCropped(){return i()},setScale(C){d(C);}})),jsxRuntime.jsxs(p,{as:`--cropper --${n||hooks.CropShape.Circle} ${l}`,style:a,...u,children:[jsxRuntime.jsx("canvas",{ref:c,width:o||200,height:o||200,onMouseDown:f,onMouseUp:m,onMouseLeave:m,onMouseMove:g}),jsxRuntime.jsx(p,{as:"--cropper-slider",children:jsxRuntime.jsx(lt,{onChange:C=>d(C),min:0,max:1,step:.01,value:1})})]})});Is.displayName="Zuz.Cropper";var ep=Is;var op=(t=>(t.Circle="circle",t.Square="square",t))(op||{});var Ns=react.forwardRef((e,r)=>{let{items:t,maxItems:n}=e,o=react.useMemo(()=>{let l=typeof t=="string",u=l?[]:t;return l&&t.split(",").forEach(c=>{u.push({label:c});}),u},[t]),a=react.useMemo(()=>n&&n>0&&o.length>n-1,[o,n])?[...o.slice(0,2),{ID:".",label:"...",icon:"ellipsis",action:()=>{}},...o.slice(-n)]:o;return jsxRuntime.jsx(Je,{ref:r,className:"--crumb flex aic",direction:"rows",seperator:jsxRuntime.jsx(p,{as:"--crumb-chevron",children:O.chevronRightOutline}),items:a.map((l,u,c)=>l.ID=="."?jsxRuntime.jsx(p,{as:"flex aic gap:3",children:Array(3).fill(null).map(()=>jsxRuntime.jsx(p,{as:"w:4 h:4 bg:$text r:10"},`--crumb-placeholder-${u}`))}):jsxRuntime.jsxs(z,{onClick:()=>l.action?.(),className:"--crumb-item",disabled:!c[u+1],children:[l.icon&&jsxRuntime.jsx(ee,{as:"--crumb-icon",name:l.icon}),jsxRuntime.jsx(_,{as:"--crumb-label",children:l.label})]},`${l.label.replace(/\s+/g,"-").toLowerCase()}-${u}`))})});Ns.displayName="Zuz.Crumb";var np=Ns;var Ls=react.forwardRef((e,r)=>{let{icon:t,defaultValue:n,value:o,size:s,variant:a,numeric:l,type:u,onConfirm:c,...i}=e,[d,f]=react.useState(false),[m,g]=react.useState(n||null),{style:C,className:x,rest:P}=N(i),S=react.useRef(null),T=react.useRef(null),{reposition:h}=Rt(T,{direction:ye.Bottom,offset:2}),v=b=>{l&&(b.currentTarget.value=b.currentTarget.value.replace(/[^0-9.]/g,"").replace(/(\..*?)\..*/g,"$1"));};react.useEffect(()=>{let b=I=>{let A=I.target,k=S.current?.contains(A),H=T.current?.contains(A);!k&&!H&&f(false);};return d&&document.addEventListener("mousedown",b),()=>{document.removeEventListener("mousedown",b);}},[d]),react.useEffect(()=>{let b=I=>{I.key==="Escape"&&d&&(f(false),S.current?.focus());};return document.addEventListener("keydown",b),()=>document.removeEventListener("keydown",b)},[d]);let y=()=>{f(true);};return react.useEffect(()=>{d&&h();},[d,h]),jsxRuntime.jsx(jsxRuntime.Fragment,{children:jsxRuntime.jsxs(p,{as:`--date-picker ${a?`--${a}`:""} rel flex aic ${x}`,"data-value":m?m.toISOString():"",children:[t?typeof t=="string"?jsxRuntime.jsx(ee,{as:"mr:10 c:#666",name:t}):t:jsxRuntime.jsx(ce,{as:"--date-picker-icon flex aic jcc",children:O.calendar}),jsxRuntime.jsx("input",{ref:S,value:m?dateFns.format(m,"EEE, MMM d YYY hh:mm a"):o||"",className:`--input ${a?`--${a}`:""} flex`.trim(),style:C,onFocus:y,onInput:v,autoComplete:"new-password",onKeyDown:b=>{b.key=="Enter"&&c?.(b.currentTarget.value);},...P}),jsxRuntime.jsx(p,{"aria-hidden":!d,ref:T,fx:{from:{y:5,opacity:0},to:{y:0,opacity:1},when:d,duration:.05},as:`--date-picker-chooser flex aic ${a?`--${a}`:""}`,children:jsxRuntime.jsx(Jo,{defaultValue:m,onChange:b=>{g(b),f(false);}})})]})})});Ls.displayName="Zuz.DatePicker";var lp=Ls;var Ms=react.forwardRef((e,r)=>{let{icon:t,variant:n,position:o}=e;return jsxRuntime.jsx(z,{className:`--fab fixed --${n||G.Large} --${o||"bottomright"}`,children:t||O.plus})});Ms.displayName="Zuz.Fab";var up=Ms;var dp=({ref:e,children:r,...t})=>{let{legend:n,legendPlacement:o,variant:s,...a}=t,{variant:l}=Y(true),{className:u,style:c,rest:i}=N(a);return jsxRuntime.jsxs(p,{as:`--fieldset --rel --flex --${s||l||G.Medium} ${u}`.trim(),style:c,children:[jsxRuntime.jsx(p,{as:`--legend --abs --${o||"top-start"}`,children:n&&typeof n=="string"?jsxRuntime.jsx("legend",{children:n}):n}),r]})},gp=dp;var Vs=e=>{let{names:r,strength:t}=e,n={[Ft.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-${Ft.Gooey}`)};return react.useEffect(()=>{},[r]),jsxRuntime.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",version:"1.1",children:jsxRuntime.jsx("defs",{children:(r||[Ft.Gooey]).map(o=>n[o](t))})})};Vs.displayName="Zuz.Filters";var xp=Vs;var Ds=({cols:e,gap:r,ais:t,aic:n,aie:o,jcs:s,jcc:a,jce:l,className:u="",style:c,...i})=>{let d=["--flex",e?"--cols":"",t?"--ais":"",n?"--aic":"",o?"--aie":"",s?"--jcs":"",a?"--jcc":"",l?"--jce":"",u].filter(Boolean).join(" "),f={...c,gap:typeof r=="number"?`${r}px`:r};return jsxRuntime.jsx(p,{...i,className:d,style:f})};Ds.displayName="Zuz.FlexBox";var Ve=Ds;var Ze=null,Te=null,As=react.forwardRef((e,r)=>{let{title:t,message:n,transition:o,curve:s,speed:a,type:l,actionPosition:u,spinner:c,loadingMessage:i,onShow:d,onHide:f,...m}=e,{className:g,style:C,rest:x}=N(m),[P,S]=react.useState(t||""),[T,h]=react.useState(n||""),[v,y]=react.useState(null),[b,I]=react.useState(l||Ne.Default),A=react.useMemo(()=>core.uuid(12),[]),[k,H]=react.useState(false),L=react.useRef(null),M=react.useRef(null),[$,K]=react.useState(false),[R,B]=react.useState(true),q=react.useRef(null),X=T;react.useImperativeHandle(r,()=>({setLoading(F){K(F);},showDialog(F,W,Z,re){Ze&&(clearTimeout(Ze),Te&&clearTimeout(Te),L.current.classList.remove("--wobble"),setTimeout(()=>L.current.classList.add("--wobble"),50),Te=setTimeout(()=>{L.current.classList.remove("--wobble"),Te=null;},500)),I(Ne.Dialog),W&&h(W),F&&S(F),Z&&y(Z.reduce((Q,se)=>(Q.push({...se,key:se.key||core.uuid(12)}),Q),[])),H(true),setTimeout(()=>re?re():()=>{},1e3);},dialog(F,W,Z,re){Ze&&(clearTimeout(Ze),Te&&clearTimeout(Te),L.current.classList.remove("--wobble"),setTimeout(()=>L.current.classList.add("--wobble"),50),Te=setTimeout(()=>{L.current.classList.remove("--wobble"),Te=null;},500)),I(Ne.Dialog),h(W),S(F),Z&&y(Z.reduce((Q,se)=>(Q.push({...se,key:se.key||core.uuid(12)}),Q),[])),H(true),setTimeout(()=>re?re():()=>{},1e3);},error(F,W){this.show(F,W,Ne.Error);},warn(F,W){this.show(F,W,Ne.Warn);},success(F,W){this.show(F,W,Ne.Success);},show(F,W,Z){Ze&&(clearTimeout(Ze),Te&&clearTimeout(Te),M.current=L.current.style.transform,L.current.style.transform="",L.current.classList.remove("--wobble"),setTimeout(()=>{L.current.classList.add("--wobble"),L.current.style.transform=`${M.current} scale(.9)`.trim();},50),Te=setTimeout(()=>{L.current.classList.remove("--wobble"),L.current.style.transform=M.current||"",Te=null;},500)),Ze=setTimeout(()=>{H(false),Ze=null,Te=null;},(W||4)*1e3),I(Z||Ne.Default),h(F),H(true),d?.();},hide(){H(false),f?.();}}));let D=react.useMemo(()=>{let F={when:k,duration:a||.3,delay:.1};if(b==Ne.Dialog){if(o){let{from:W,to:Z}=St(o,20);return {from:W,to:Z,curve:s||te.EaseInOut,...F}}return {from:{scale:0,x:"-50%",y:"-50%",opacity:0},to:{scale:1,x:"-50%",y:"-50%",opacity:1},curve:te.Spring,...F}}else return {from:{scale:0,x:"-50%",y:"-10vh",opacity:0},to:{scale:1,x:"-50%",y:0,opacity:1},curve:te.Spring,...F}},[k,b]);return react.useEffect(()=>{q.current&&clearTimeout(q.current),k?B(true):q.current=setTimeout(()=>B(false),1e3);},[k]),b==Ne.Dialog?jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx(Xe,{when:k}),jsxRuntime.jsxs(p,{className:`--sheet --sheet-${b.toLowerCase()} ${k?"is-visible":""} ${g} fixed`.trim(),style:C,fx:D,...x,ref:L,children:[jsxRuntime.jsx(Le,{when:$,spinner:c,message:i}),jsxRuntime.jsxs(p,{className:"--head flex aic rel",children:[jsxRuntime.jsx(p,{className:`--${P?"title":"dot"} flex aic rel`,children:P||""}),jsxRuntime.jsx(z,{onClick:F=>H(false),className:"--closer abs",children:"\xD7"})]}),jsxRuntime.jsx(p,{className:`--body flex aic rel ${v?"":"--no-action"}`.trim(),children:R?X:null}),v&&jsxRuntime.jsx(p,{className:`--footer flex aic rel ${u?u==vo.Center?"jcc":"":"jce"}`.trim(),children:v.map((F,W)=>jsxRuntime.jsx(z,{onClick:Z=>F.handler?F.handler():F.onClick?F.onClick():console.log("onClick Handler missing"),className:"--action",children:F.label},`sheet-${A}-action-${F.key}`))})]})]}):jsxRuntime.jsx(p,{className:`--sheet --sheet-${b.toLowerCase()} ${g} abs`.trim(),style:C,...x,fx:D,ref:L,children:k?T:null})}),$s=e=>typeof e=="object"&&e!=null&&"setLoading"in e&&"success"in e&&"error"in e;As.displayName="Zuz.Sheet";var Pp=As;var Lp=e=>{let r={};for(let t in e){let n=t.split(/[\[\]]+/).filter(Boolean);n.reduce((o,s,a)=>{if(a===n.length-1)o[s]=e[t];else {let l=!isNaN(Number(n[a+1]));o[s]=o[s]||(l?[]:{});}return o[s]},r);}return r},Fs=({ref:e,...r})=>{let {schema:t,name:n,cover:o,spinner:s,errors:a,action:l,children:u,withData:c,beforeSubmit:i,onSubmit:d,onError:f,onSuccess:m,resetOnSuccess:g,...C}=r,{className:x,style:P,rest:S}=N(C),[T,h]=react.useState(false),v=react.useRef(null),y=Ko(),b=Et();Xo();let A=react.useRef(null),k=react.useCallback(D=>v.current?v.current.querySelectorAll(D):[],[v.current]),H=D=>({name:D.name||D.getAttribute("name")||D.getAttribute("data-name"),required:D.required?true:D.getAttribute("data-required")?D.getAttribute("data-required")=="true":false,with:D.with||D.getAttribute("with")}),L=D=>{let F=[];return D.querySelectorAll(".--input").forEach(W=>{F.push(W.value);}),F.join("")},M=D=>D.classList.contains("--otp")?L(D):D.classList.contains("--select")?D.querySelector("button.--selected")?.dataset.value:D.classList.contains("--checkbox")||D.getAttribute("type")==="checkbox"?D.checked:D.value,$=react.useCallback(D=>{let{name:F,required:W,with:Z}=H(D),re=M(D);if(t&&t[F]&&b?.getSnapshot()){let Q=t[F](re,b.getSnapshot().values);if(Q===false||typeof Q=="string")return typeof Q=="string"&&b?.setFieldError(F,Q),false}if(W&&(D.type==="checkbox"&&!D.checked||D.classList.contains("--select")&&(re==="-1"||!re)||!re||re===""))return false;if(Z)switch((Z.includes("@")?Z.split("@")[0]=="match"?qe.MatchField:Z.split("@")[0]:Z).toUpperCase()){case qe.IPV4:return core._(re).isIPv4();case qe.IPV6:return core._(re).isIPv6();case qe.Email:return core._(re).isEmail();case qe.Uri:try{return new URL(re),!0}catch{return false}case qe.MatchField:let[se,me,he]=Z.split("@"),ae=document.querySelector(`[name=${me.trim()}]`);if(!ae)return false;switch(he||"direct-match"){case "if-not-empty":if(ae&&!core._(ae.value).isEmpty()&&ae.value!=D.value)return false;break;case "direct-match":if(ae&&ae.classList.contains("--otp")&&D.classList.contains("--otp")&&L(ae)!=L(D))return false;if(ae&&ae.value!=D.value)return false;break}break}return true},[t,b]),K=react.useCallback(()=>{let D={},F={...b?.getSnapshot().values||{}},W=null,Z=null;if(k("[name]").forEach(Q=>{let{name:se,required:me,with:he}=H(Q),ae=me||he?$(Q):true,le=M(Q);D[se]={valid:ae,value:le},F[se]=le,b?.setFieldError(se,ae?null:a?.[se]||"Invalid"),ae?Q.classList.remove("--with-error"):(Q.classList.add("--with-error"),W||(W=Q),Z=a?.[se]);}),W){let Q=W;if(Q.classList.contains("--otp"))for(let se of Array.from(Q.querySelectorAll(".--input"))){let me=se;if(me.value==""){me.focus();break}}else Q.focus();}let re=Lp(F);return {error:W!=null,errorMsg:Z||"Fix errors to continue...",data:D,payload:re}},[v.current,b]),R=react.useCallback((D={})=>{let{error:F,errorMsg:W,payload:Z,data:re}=K();if(F){y.error(W);return}l?react.startTransition(async()=>{h(true),core.withPost(l,{...c,...Z,...D}).then(Q=>{h(false),g&&b?.reset(),m?.(Q,{...c,...Z,...D}),m||y.success(Q.message||"Redirecting...");}).catch(Q=>{h(false),f?f(Q):y.error(Q.message);});}):d?.(Z,re);},[K,l,c,m,f,g,d]),B=react.useCallback(()=>{let D=k("[type=submit]");!D||D.length==0?console.warn("You should add at least 1 button with type=`SUBMIT`"):D.forEach(F=>{F.addEventListener("click",R);});},[v.current]),q=react.useMemo(()=>react$1.addPropsToChildren(u,D=>D.props.type=="submit",D=>({ref:A})),[u]),X=react.useRef(R);return react.useImperativeHandle(e,()=>({setLoading:D=>h(D),submit:D=>X.current(D),init:B,hideError:()=>y.clearAll()}),[R,B]),react.useEffect(B,[]),react.useEffect(()=>{X.current=R;},[R]),react.useEffect(()=>{let D=k("[type=submit]"),F=Array.from(D).map(W=>{let Z=W;return Z.addEventListener("click",R),()=>Z.removeEventListener("click",R)});return ()=>F.forEach(W=>W())},[R,k]),jsxRuntime.jsxs(p,{ref:v,style:P,className:`--form flex rel ${x}`,children:[!$s(o)&&jsxRuntime.jsx(Le,{when:T,spinner:s,...o}),q]})};Fs.displayName="Zuz.FormInternal";var zs=e=>jsxRuntime.jsx(An,{initialValues:e.withData,children:jsxRuntime.jsx(Fs,{...e})});zs.displayName="Zuz.Form";var Mp=zs;var _s=e=>{let {ref:r,cols:t,rows:n,gap:o,gapX:s,gapY:a,align:l,justify:u,inline:c,flow:i,autoCols:d,autoRows:f,template:m,...g}=e;react.useRef(null);let {className:x,style:P,rest:S}=N(g),T=v=>typeof v=="number"?`repeat(${v}, 1fr)`:v,h={display:c?"inline-grid":"grid",gridTemplateColumns:T(t),gridTemplateRows:T(n),gap:o,columnGap:s,rowGap:a,alignItems:l,justifyContent:u==="between"?"space-between":u==="around"?"space-around":u,gridAutoFlow:i,gridAutoColumns:d,gridAutoRows:f,gridTemplateAreas:m,...P};return jsxRuntime.jsx(p,{ref:r,as:`--grid ${x}`.trim(),style:h,...S})};_s.displayName="Zuz.Grid";var Dp=_s;var Ks=e=>typeof e=="string"&&e.includes("+"),Zs={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"},Ws={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 Us=react.forwardRef(({children:e,keys:r,as:t,className:n,variant:o},s)=>{let{variant:a}=Y(true),l=react.useMemo(()=>{if(Ks(r)){let u=null;return {keys:String(r).split("+").reduce((i,d,f,m)=>(m[f+1]?i.push(d):u=d.toUpperCase(),i),[]),children:u}}return {keys:r,children:String(e).toUpperCase()}},[r]);return jsxRuntime.jsxs(p,{as:`--keyboard-keys --${o||a||G.Small} flex aic ${t} ${n}`.trim(),children:[(Array.isArray(l.keys)?l.keys:[l.keys]).map(u=>jsxRuntime.jsx("abbr",{title:Ws[u],children:Zs[u]},u)),jsxRuntime.jsx(ce,{children:l?.children??e})]})});Us.displayName="Zuz.KeyboardKeys";var yr=Us;var Ys=react.createContext(null),pt=()=>{let e=react.useContext(Ys);if(!e)throw new Error("MediaPlayer sub-components must be used within <MediaPlayer />");return e},Zp=({ref:e,icons:r,children:t,...n})=>{let{playlist:o=[],mode:s="audio",defaultArtist:a="Artist",defaultTitle:l="No Track",defaultCover:u,onTrackChange:c,...i}=n,{className:d,style:f,rest:m}=N(i),g=hooks.useMediaPlayer(o,o[0]??void 0),C=react.useMemo(()=>({play:O.play,pause:O.pause,prev:O.prev,next:O.next,volumeHigh:O.volumeHigh,volumeMute:O.volumeMute,...r}),[r]),x=react.useMemo(()=>({...g,mode:s,icons:C}),[g,C]);return jsxRuntime.jsx(Ys.Provider,{value:x,children:jsxRuntime.jsx(p,{className:`--zuz-media-player ${d}`,style:f,children:t})})},js=Zp;var Qs=e=>{if(!e||isNaN(e))return "0:00";let r=Math.floor(e/60),t=Math.floor(e%60);return `${r}:${t.toString().padStart(2,"0")}`},lo=e=>typeof e=="string"?jsxRuntime.jsx(ee,{name:e}):e,Js=()=>{let{mediaRef:e,state:r,controls:t,mode:n}=pt();return jsxRuntime.jsxs(p,{as:`--mediaplayer-stage rel --mode-${n}`,children:[n==="video"?jsxRuntime.jsx("video",{ref:e,className:"fill",onClick:t.togglePlay}):jsxRuntime.jsx("audio",{ref:e}),r.isLoading&&jsxRuntime.jsx(p,{as:"abs fill aic jcc --mediaplayer-spinner",children:jsxRuntime.jsx(we,{})})]})},ea=()=>{let{state:e,defaultArtist:r,defaultTitle:t,defaultCover:n}=pt();return jsxRuntime.jsxs(p,{as:"--track-info flex aic",children:[jsxRuntime.jsx(et,{src:e.currentItem?.cover||n||"",as:"--track-cover"}),jsxRuntime.jsxs(p,{as:"flex cols",children:[jsxRuntime.jsx(p,{as:"--track-title",children:e.currentItem?.title||t||"Choose Track"}),jsxRuntime.jsx(p,{as:"--track-artist",children:e.currentItem?.artist||r||"..."})]})]})},ta=()=>{let{state:e,controls:r,icons:t}=pt();return jsxRuntime.jsxs(p,{as:"--mediaplayer-controls flex aic",children:[jsxRuntime.jsx(z,{onClick:r.prev,as:"--prev",children:lo(t?.prev??O.prev)}),jsxRuntime.jsx(z,{onClick:r.togglePlay,as:"--play-pause",children:lo(e.isPlaying?t?.pause??O.pause:t?.play??O.play)}),jsxRuntime.jsx(z,{onClick:r.next,as:"--next",children:lo(t?.next??O.next)})]})},oa=()=>{let{state:e,controls:r,mediaRef:t}=pt(),n=e.progress*(e.duration||0);return jsxRuntime.jsxs(p,{as:"--track-progress flex aic",children:[jsxRuntime.jsx(p,{as:"--track-current-duration",children:Qs(n)}),jsxRuntime.jsx(lt,{value:e.progress,onClick:o=>{let s=o.currentTarget.getBoundingClientRect(),a=(o.clientX-s.left)/s.width;r.seek(a);}}),jsxRuntime.jsx(p,{as:"--track-total-duration",children:Qs(e.duration)})]})},ra=()=>{let{state:e,controls:r,icons:t}=pt();return jsxRuntime.jsxs(p,{as:"--volume-control flex aic gap:8 w:120",children:[jsxRuntime.jsx(z,{onClick:()=>r.setIsMuted(),children:lo(e.isMuted?t?.volumeMute??O.volumeMute:t?.volumeHigh??O.volumeHigh)}),jsxRuntime.jsx(lt,{value:e.volume,className:"h:3 flex:1",onClick:n=>{let o=n.currentTarget.getBoundingClientRect();r.setVolume((n.clientX-o.left)/o.width);}})]})};var Wp=Object.assign(js,{Stage:Js,TrackInfo:ea,Controls:ta,Progress:oa,Volume:ra}),Gp=Wp;var sa=react.forwardRef((e,r)=>{let t=hooks.useNetworkStatus(),{onlineMessage:n,offlineMessage:o,variant:s}=e;return jsxRuntime.jsxs(p,{fx:{from:{x:"-50%",y:200,opacity:0},to:{x:"-50%",y:0,opacity:1},when:t==false,curve:te.Spring,duration:.5,delay:2},className:`--network-manager --${t==true?"online":"offline"} --${s||G.Small} fixed flex`,children:[jsxRuntime.jsx(p,{className:"--ico",children:t?O[Ee.Success]:O[Ee.Error]}),jsxRuntime.jsx(_,{as:"--message",children:t?n||"internet connection restored :)":o||"no internet connection"})]})});sa.displayName="Zuz.NetWorkManager";var Xp=sa;var ia=react.forwardRef((e,r)=>{let{strenthMeter:t,onChange:n,...o}=e;"type"in o&&delete o.type;let{style:s,className:a,rest:l}=N(o),[u,c]=react.useState(false),[i,d]=react.useState(""),f=react.useMemo(()=>core.checkPasswordStrength(i),[i]),m=hooks.useDebounce(g=>{t&&d(g.target.value),n&&n(g);},100);return react.useEffect(()=>{},[]),jsxRuntime.jsxs(p,{as:"w:100% flex cols",children:[jsxRuntime.jsxs(p,{style:s,className:"--password flex aic rel",children:[jsxRuntime.jsx(ue,{ref:r,type:u?"text":"password",className:a,onChange:m,...l}),jsxRuntime.jsx(z,{tabIndex:-1,onClick:()=>c(g=>!g),className:"--toggle flex aic jcc abs",children:u?O.eye:O.eyeSlash})]}),t&&jsxRuntime.jsxs(p,{as:`flex aic --password-meter --pb-score-${f.score}`,style:s,children:[jsxRuntime.jsxs(p,{as:"--password-bars flex aic",children:[jsxRuntime.jsx(p,{as:`--pbar ${f.score>=1?"--pb-on":""}`.trim()}),jsxRuntime.jsx(p,{as:`--pbar ${f.score>=2?"--pb-on":""}`.trim()}),jsxRuntime.jsx(p,{as:`--pbar ${f.score>=3?"--pb-on":""}`.trim()}),jsxRuntime.jsx(p,{as:`--pbar ${f.score>=4?"--pb-on":""}`.trim()}),jsxRuntime.jsx(p,{as:`--pbar ${f.score>=5?"--pb-on":""}`.trim()})]}),jsxRuntime.jsx(_,{as:"--password-meter-label","aria-hidden":true,children:f.result})]})]})});ia.displayName="Zuz.Password";var ou=ia;var ca=react.forwardRef((e,r)=>{let{size:t,length:n,mask:o,...s}=e,a=react.useRef([]),l="pinput",u=false,c={};"with"in s&&(c={with:s.with},delete s.with),"type"in s&&delete s.type,"name"in s&&(l=s.name,delete s.name),"required"in s&&(u=true,delete s.required);let{style:i}=N(s),d=m=>{let g=m.currentTarget,C=a.current[parseInt(g.dataset.index)+1],x=a.current[parseInt(g.dataset.index)-1];g.value.length===1&&C?C.focus():g.value.length===0&&x&&x.focus();},{variant:f}=Y(true);return react.useEffect(()=>{a.current=a.current.slice(0,t||n);},[t||n]),jsxRuntime.jsx(p,{name:l,style:i,className:`--otp --${s.variant??f??G.Medium} flex aic rel`,"data-required":u,"data-size":t||n||4,...c,children:Array(t||n||4).fill(1).map((m,g)=>jsxRuntime.jsx(ue,{autoComplete:"new-password","data-index":g,ref:C=>{a.current[g]=C;},numeric:true,onChange:d,maxLength:1,placeholder:o?"\xB7":"0",type:o?"password":"text",...s},`pin-${g}`))})});ca.displayName="Zuz.PinInput";var au=ca;var ma=react.forwardRef((e,r)=>{let{children:t,className:n,name:o,required:s,type:a,value:l,variant:u,checked:c,onSwitch:i,...d}=e,[f,m]=react.useState(c||false),{variant:g}=Y(true),C=react.useRef(null);return jsxRuntime.jsxs(Lt,{className:`${n} --${(a||wo.Default).toLowerCase()} --radio${!a||a==wo.Default?"":"card"} --${u||g||G.Small} flex aic rel`.trim(),...d,children:[jsxRuntime.jsx(ue,{ref:C,defaultChecked:f,value:l||"rd",type:"radio",className:"abs",name:o,required:s||false,onChange:x=>{i&&i(x.target.checked,l||"cb"),m(x.target.checked);}}),jsxRuntime.jsx(p,{className:"--dot rel",children:jsxRuntime.jsx(p,{className:"--rod abs abc"})}),jsxRuntime.jsx(p,{className:"--value",children:t})]})});ma.displayName="Zuz.Radio";var mu=ma;var pa=react.forwardRef((e,r)=>{let{fx:t,withStyle:n,as:o,reverse:s=false,searchIcon:a=O.search,hideSearchIcon:l=false,clearIcon:u=O.close,hideClearIcon:c=false,onChange:i,onClear:d,...f}=e,{style:m,className:g}=N({as:e.as}),[C,x]=react.useState(""),{variant:P}=Y(true),S=react.useRef(null);"type"in e&&delete e.type;let T=v=>{x(v.target.value),i?.(v.target.value);},h=v=>{C.trim()!==""&&(x(""),i?.(""),S.current&&(S.current.value="",e.onConfirm?.("")));};return react.useImperativeHandle(r,()=>({focus:()=>S.current?.focus(),value:()=>S.current?.value})),react.useEffect(()=>{},[]),jsxRuntime.jsxs(p,{style:m,className:`--search --no-shrink ${s?"--search-rev":""} --${e.variant||P||G.Medium} flex aic ${typeof e.as=="string"&&e.as.includes("abs")?"":"rel"} ${g}`.trim(),children:[jsxRuntime.jsx(ue,{ref:S,onChange:T,...f}),e.shortcut&&jsxRuntime.jsx(yr,{keys:e.shortcut,as:"abs"}),jsxRuntime.jsx(z,{tabIndex:-1,onClick:v=>h(),className:"--send flex aic jcc",variant:e.variant||G.Medium,children:C!==""?!c&&(typeof u=="string"?jsxRuntime.jsx(ee,{name:u,as:"--search-action"}):u):!l&&(typeof a=="string"?jsxRuntime.jsx(ee,{name:a,as:"--search-action"}):a)})]})});pa.displayName="Zuz.Search";var xr=pa;var xu=({label:e,icon:r})=>jsxRuntime.jsxs(p,{as:"--select-options-head --no-shrink --disabled".trim(),"aria-hidden":"true",children:[r&&jsxRuntime.jsx(ee,{name:r}),jsxRuntime.jsx(_,{as:"--select-group-label",children:e})]}),fa=xu;var ga=({checkIcon:e,selected:r,updateValue:t,o:n})=>{let o=e?typeof e=="string"?jsxRuntime.jsx(ee,{name:"checkIcon"}):e:O.check,s=n.disabled===true;return jsxRuntime.jsxs(z,{onClick:a=>{s||(a.stopPropagation(),t(n));},disabled:s,as:`--select-option-item --no-shrink ${r?"--selected":""} ${s?"--disabled":""} rel`.trim(),children:[jsxRuntime.jsxs(Ve,{as:"--option-item-meta --aic",children:[n.icon&&jsxRuntime.jsx(ee,{name:n.icon,as:`--select-option-icon --icon-${n.value}`,color:n.iconColor}),jsxRuntime.jsx(_,{suppressHydrationWarning:true,children:typeof n=="string"?n:n.label})]}),r&&jsxRuntime.jsx(Ve,{aic:true,jcc:true,as:"--select-option-check --abs",children:o})]})};ga.displayName="Option";var ha=ga;var xa=(({ref:e,...r})=>{let{selected:t,options:n,label:o,name:s,variant:a,search:l,searchPlaceholder:u,maxHeight:c,arrowDownIcon:i=O.arrowDown,arrowUpIcon:d=O.arrowUp,expanded:f,multiple:m,tokenizer:g,wrapTokens:C,disabled:x,checkIcon:P,closeIcon:S,editable:T,editablePlaceholder:h,onChange:v,required:y,with:b,...I}=r,A=Et(),k=!!(s&&A?.setFieldValue),H=Hn(s),L=Dn(s),M=T===true&&m!==true&&g!==true,$=E=>typeof E=="string"||typeof E=="number",K=E=>typeof E=="object"&&E!==null&&!Array.isArray(E)&&"value"in E&&"label"in E,R=E=>n.find(J=>String(J.value)===String(E)),B=E=>{if(E==null)return null;if(M&&E==="")return "";if(m||g)return (Array.isArray(E)?E:[E]).map(de=>$(de)?R(de):de).filter(de=>K(de));if($(E)){let J=R(E);return J||(M?String(E):null)}return K(E)?E:null},q=()=>{if(t!==void 0)return B(t);let E=n.find(J=>String(J.value)==="-1");return E||(M?"":null)},X=E=>Array.isArray(E)?E.map(J=>J.value):K(E)?E.value:E,[D,F]=react.useState(()=>q()),[W,Z]=react.useState(false),[re,Q]=react.useState(null),se=react.useRef(null),me=react.useRef(null),he=react.useRef(null),ae=react.useId(),le=react.useMemo(()=>s||ae,[s,ae]),{reposition:U}=Rt(he,{direction:bt.Bottom,offset:2}),{variant:oe}=Y(true),ie=S?typeof S=="string"?jsxRuntime.jsx(ee,{name:S}):S:O.close,{className:fe,style:He,rest:Ie}=N(I,void 0),{onClick:ve,...Ae}=Ie||{},ne=react.useMemo(()=>L!==void 0?B(L):D,[L,D,n,M,m,g]),Ue=react.useMemo(()=>{if(!(!ne||Array.isArray(ne)||!K(ne)))return ne},[ne]),Er=react.useMemo(()=>M?K(ne)?String(ne.value??""):$(ne)?String(ne):"":"",[M,ne]),Ga=E=>Array.isArray(ne)?ne.some(J=>J.value===E.value):K(ne)?ne.value===E.value:M&&$(ne)?String(ne)===String(E.value):false,nt=E=>{if(k&&A?.setFieldValue&&s){A.setFieldValue(s,X(E));return}F(E);},xt=E=>{v?.(T===true&&E instanceof Option?String(E.value):E);},Ua=E=>{if(!(x||E.disabled)){if(m||g){let J=Array.isArray(ne)?ne:[],Re=J.find(xo=>xo.value===E.value)?J.filter(xo=>xo.value!==E.value):[...J,E];nt(Re),xt(Re);return}nt(E),Z(false),xt(E);}},qa=E=>{let J=E.target.value,de=J===""?null:R(J),Re=de?de.value:J;nt(Re),xt(Re);},Xa=E=>{if(E.key==="Enter"&&(E.preventDefault(),M)){let J=E.currentTarget.value.trim();if(!J){Z(false);return}let Re=R(J)??J;nt(Re),xt(Re),Z(false);}},Ya=(E,J)=>{if(E.stopPropagation(),x)return;let de=ne.filter(Re=>Re.value!==J.value);nt(de),Z(false),xt(de);},ja=E=>{let J=E.currentTarget,de=J.scrollTop===0&&E.deltaY<0,Re=J.scrollHeight-J.scrollTop===J.clientHeight&&E.deltaY>0;!de&&!Re||E.preventDefault(),E.stopPropagation();};react.useImperativeHandle(e,()=>({setSelected:E=>{nt(B(E));},getValue:()=>ne??null}),[ne,n,M,m,g,k,s]),react.useEffect(()=>{k||t===void 0||F(B(t));},[t,k,n,M,m,g]),react.useEffect(()=>{if(!W)return;let E=()=>{U();};return window.addEventListener("scroll",E,true),window.addEventListener("resize",U),()=>{window.removeEventListener("scroll",E,true),window.removeEventListener("resize",U);}},[W,U]),react.useEffect(()=>{if(!W){me.current&&(me.current.value=""),Q(null);return}me.current?.focus(),U();let E=de=>{se.current&&!se.current.contains(de.target)&&Z(false);},J=setTimeout(()=>{document.addEventListener("click",E);},0);return ()=>{clearTimeout(J),document.removeEventListener("click",E);}},[W,U]);let Qa=hooks.useDebounce(E=>Q(E===""?null:E),300),Ja=hooks.useDebounce(qa,300);return jsxRuntime.jsxs(p,{ref:se,"data-required":y?"true":void 0,with:b,className:[`--select ${f==true?"--expanded":""}`,`--${a||oe}`,`${s?`--${s}`:""}`,`${H?"--has-error":""}`,`${x?"--disabled":""} rel`].join(" ").trim(),name:le,children:[M?jsxRuntime.jsxs(p,{"data-value":Ue?.value??(Er||"-1"),className:`--select-display --selected --editable flex aic rel ${fe}`.trim(),style:He,onClick:E=>E.stopPropagation(),...Ae,children:[Ue?.icon&&jsxRuntime.jsx(ee,{as:"--selected-icon",name:Ue.icon}),jsxRuntime.jsx(Ve,{aic:true,as:"--label-wrapper",children:jsxRuntime.jsx(ue,{"aria-expanded":W,className:"--select-input",disabled:x,onChange:Ja,onClick:E=>{E.stopPropagation(),x||Z(true);},onKeyDown:Xa,placeholder:h||o||"Choose",type:"text",defaultValue:Er})}),jsxRuntime.jsx(z,{className:"--select-toggle rel flex aic jcc",disabled:x,onClick:E=>{E.stopPropagation(),x||Z(J=>!J);},tabIndex:-1,withLabel:false,children:W?typeof d=="string"?jsxRuntime.jsx(ee,{name:d,as:"--search-action"}):d:typeof i=="string"?jsxRuntime.jsx(ee,{name:i,as:"--search-action"}):i})]}):jsxRuntime.jsxs(z,{disabled:x,variant:a||oe,"data-value":Ue?.value??"-1",className:`--select-display --selected flex aic rel ${fe}`.trim(),withLabel:false,style:He,onClick:E=>{E.stopPropagation(),x||Z(J=>!J);},...Ae,children:[Ue?.icon&&jsxRuntime.jsx(ee,{as:"--selected-icon",name:Ue.icon}),jsxRuntime.jsx(Ve,{aic:true,as:"--label-wrapper",children:g&&Array.isArray(ne)&&ne.length>0?jsxRuntime.jsxs(Ve,{as:`--tokens-wrap${C===true?" --wrap":""}`,children:[ne.map(E=>jsxRuntime.jsxs(Ve,{aic:true,as:"--token",children:[jsxRuntime.jsx(_,{as:"--token-label",children:E.label}),jsxRuntime.jsx(p,{as:"--token-remove",onClick:J=>Ya(J,E),children:ie})]},E.value)),ne.length<n.length&&jsxRuntime.jsx(_,{as:"--label",children:o||"Choose"})]}):jsxRuntime.jsx(_,{as:"--label",children:Array.isArray(ne)?ne.length>0?`${ne.length} selected`:o||"Choose":Ue?.label||o||"Choose"})}),jsxRuntime.jsx(p,{className:"--svg-arrow rel flex aic jcc",children:W?typeof d=="string"?jsxRuntime.jsx(ee,{name:d,as:"--search-action"}):d:typeof i=="string"?jsxRuntime.jsx(ee,{name:i,as:"--search-action"}):i})]}),jsxRuntime.jsxs(p,{id:le,className:"--options-list --allow-scroll -fx flex cols abs zIndex:var(--max-z-index)","aria-hidden":!W,onWheel:ja,style:{maxHeight:c||"auto"},ref:he,fx:{from:{y:5,opacity:0},to:{y:0,opacity:1},when:W,duration:.05},children:[l&&jsxRuntime.jsx(p,{as:"--select-search --no-shrink flex --sticky",children:jsxRuntime.jsx(xr,{ref:me,variant:G.Small,placeholder:u||"Search...",onChange:Qa})}),o&&jsxRuntime.jsx(fa,{label:o}),n?.filter(E=>!re||E.label.toLowerCase().includes(re.toLowerCase()))?.map(E=>jsxRuntime.jsx(ha,{updateValue:Ua,checkIcon:P,selected:Ga(E),o:E},`option-${E.label.replace(/\s+/g,"-")}-${E.value}`))]})]})});xa.displayName="Zuz.Select";var wu=xa;var ba=({ref:e,...r})=>jsxRuntime.jsx(Mt,{type:$e.Switch,...r,ref:e});ba.displayName="Zuz.Switch";var Cu=ba;var Sa=e=>{let{idx:r,id:t,as:n,weight:o,style:s,value:a,render:l,resize:u,sortBy:c,sortable:i,onSort:d}=e,[f,m]=react.useState(0),g=()=>{i&&(d?.(String(t),f==1?-1:1),m(C=>C==1?-1:1));};return jsxRuntime.jsxs(p,{style:{flex:o||1,...s},as:`--col flex aic ${n||""} ${i?"--sortable":""}`,onClick:g,children:[jsxRuntime.jsx(p,{as:"--colv",children:a}),r==-1&&i&&c==t&&jsxRuntime.jsx(p,{as:"--arrow flex aib",children:f==1?O.arrowUp:O.arrowDown})]})};Sa.displayName="Zuz.Column";var fo=Sa;var Ca=e=>{let{index:r,pubsub:t,schema:n,data:o,ids:s,styles:a,animate:l,sortBy:u,selectable:c,tableRef:i,loading:d,rowClassName:f,onSort:m,onRowClick:g,onSelect:C,onContextMenu:x}=e,P=hooks.useDelayed(),S=react.useMemo(()=>({transition:j.SlideInBottom,curve:te.EaseInOut,delay:.02*(r+1)}),[]),T=react.useRef(null),h=(y,b)=>{r==-1?t.emit(`ALL_ROWS_${y?"CHECKED":"UNCHECKED"}`,y):(C&&C(o,y),t.emit(`ROW_${y?"CHECKED":"UNCHECKED"}`,y,b));},v=(y,b,I)=>jsxRuntime.jsx(fo,{idx:y,id:b,as:"--selector",pubsub:t,value:jsxRuntime.jsx(Mt,{value:I,ref:T,onSwitch:h,type:$e.Default})});return react.useEffect(()=>{let y=(k,H)=>{T.current?.setChecked(k,false);},b=(k,H)=>{let L=false;i?.current&&i.current.querySelectorAll(".--row").forEach(M=>{let $=M;if(!$.classList.contains("--row-head")){let K=$.querySelector(".--selector input[type=checkbox]");K&&K.checked&&!L&&(L=K.checked);}}),T.current.setChecked(L,false);},I=k=>{T.current?.setChecked(k,false),C&&C(o,k);},A=k=>{T.current?.setChecked(k,false),C&&C(o,k);};return r==-1?(t.on("ROW_CHECKED",y),t.on("ROW_UNCHECKED",b),()=>{t.off("ROW_CHECKED",y),t.off("ROW_UNCHECKED",b);}):(t.on("ALL_ROWS_CHECKED",I),t.on("ALL_ROWS_UNCHECKED",A),()=>{t.off("ALL_ROWS_CHECKED",I),t.off("ALL_ROWS_UNCHECKED",A);})},[]),jsxRuntime.jsxs(p,{onContextMenu:y=>x?x(y,o):null,onClick:y=>g?g(y,e.data):()=>{},...l?{fx:{...S,when:P}}:{},as:`--row flex aic ${g?"--row-clickable":""} ${r==-1?"--row-head":""} ${f||""}`,children:[r==-1&&n.map((y,b)=>{let{renderWhenHeader:I,render:A,value:k,...H}=y;return jsxRuntime.jsxs(react.Fragment,{children:[c&&b==0&&v(-1,`--selector-${y.id}`,"all"),jsxRuntime.jsx(fo,{idx:-1,onSort:m,sortBy:u,value:k,...H,pubsub:t,style:a[y.id]})]},`--col-${y.id}`)}),d&&r>-1&&jsxRuntime.jsx(p,{as:"--col",children:jsxRuntime.jsx(_,{as:"opacity:0",children:"..."})}),!d&&r>-1&&s&&o&&n.map((y,b)=>jsxRuntime.jsxs(react.Fragment,{children:[c&&b==0&&v(b,`--selector-${y.id}`,y.id.toString()),s.includes(String(y.id))?jsxRuntime.jsx(fo,{pubsub:t,idx:b,id:String(y.id),style:a[String(y.id)],value:y.render?y.render(o,r):o[String(y.id).includes(".")?String(y.id).split(".").reverse()[0]:y.id]}):null]},`--${String(y.id)}-val-${b}`))]})};Ca.displayName="Zuz.Row";var go=Ca;var Ia=(e,r)=>{let{schema:t,rows:n,rowCount:o,rowsPerPage:s,currentPage:a,pagination:l,paginationHash:u,showPaginationOnZeroPageCount:c,animateRows:i,header:d,rowClassName:f,selectableRows:m,hoverable:g,sortBy:C,loading:x,loadingRowCount:P,loadingMessage:S,spinner:T,emptyMessage:h,onSort:v,onRowClick:y,onRowSelectToggle:b,onPageChange:I,onRowContextMenu:A,...k}=e,H=react.useRef(null),L=react.useMemo(()=>t.reduce((le,U)=>(le[U.id]={flex:U.weight||1,...U.w&&{width:U.w},...U.maxW&&{maxWidth:U.maxW},...U.minW&&{minWidth:U.minW},...U.h&&{height:U.h},...U.maxH&&{maxHeight:U.maxH},...U.minH&&{minHeight:U.minH}},le),{}),[t]),M=react.useMemo(()=>Object.keys(L),[t]),$=react.useMemo(()=>d??true,[d]),{style:K,className:R,rest:B}=N(k),q=react.useRef(null),X=react.useMemo(()=>new core.PubSub,[]),D=react.useRef(n.map(()=>core.uuid(8))),[F,W]=react.useState(C||null),[Z,re]=react.useState(S||"loading"),Q=react.useMemo(()=>!x&&n&&n.length==0,[x,n]),se=react.useCallback(()=>h?typeof h=="function"?jsxRuntime.jsx(h,{}):h:jsxRuntime.jsx(_,{as:"tac s:18 mt:75",children:"No Record Found"}),[x,n]);react.useEffect(()=>{n.length&&!D.current&&(D.current=n.map(()=>core.uuid(8)));},[n]);let me=(le,U)=>{W(le),v?.(le,U);},he=(o||(n?n.length:0))/(s||10),ae=react.useMemo(()=>c||he>1?jsxRuntime.jsx(kt,{hash:u,ref:H,renderOnZeroPageCount:c,onPageChange:I,paginationStyle:"table",startPage:a,itemCount:o||(n?n.length:0),itemsPerPage:s||10}):null,[a,o]);return react.useImperativeHandle(r,()=>({setLoading(le){}})),jsxRuntime.jsxs(p,{as:`--table ${g??true?"--hoverable":""} flex cols rel ${R}`,ref:q,children:[$==true&&jsxRuntime.jsx(go,{sortBy:F,onSort:me,tableRef:q,pubsub:X,selectable:m,index:-1,schema:t,loading:true,styles:L}),x&&jsxRuntime.jsxs(p,{as:"center-x flex aic --table-spinner",children:[jsxRuntime.jsx(we,{type:T||be.Simple}),Z&&jsxRuntime.jsx(_,{as:"--table-loading-message",children:Z})]}),x&&Array(P||5).fill({}).map((le,U)=>jsxRuntime.jsx(go,{tableRef:q,index:U,pubsub:X,schema:t,styles:L,loading:true,animate:i,onRowClick:y},`--trow-loading-${U}-${t[0].id}`)),!x&&n&&n.map((le,U)=>jsxRuntime.jsx(go,{tableRef:q,pubsub:X,loading:false,index:U,schema:t,ids:M,styles:L,animate:i,data:le,onRowClick:y,rowClassName:f,selectable:m,onSelect:b,onContextMenu:A},`--trow-${D.current[U]||U}-${t[0].id}`)),Q&&se(),l&&ae&&jsxRuntime.jsx(p,{"aria-hidden":!l||!ae,...i?{fx:{transition:j.SlideInBottom,curve:te.EaseInOut,delay:.02*(n.length+1),when:!x&&n&&l&&ae!=null}}:{},as:"--row flex aic --row-footer",children:ae})]})};Ia.displayName="Zuz.Table";var Du=react.forwardRef(Ia),Hu=Du;var $u=({ref:e,...r})=>{let{title:t,items:n}=r,[o,s]=react.useState(0),a=(l,u,c)=>{l.preventDefault(),s(u),document.getElementById(c)?.scrollIntoView({behavior:"smooth"});};return jsxRuntime.jsxs(p,{ref:e,as:"--table-of-contents rel flex cols",children:[jsxRuntime.jsx(_,{as:"--toc-title",children:t}),jsxRuntime.jsx(Je,{items:n.map((l,u)=>jsxRuntime.jsx("a",{className:o==u?"--toc-active":"",style:{anchorName:o===u?"--toc-active":"none",color:o==u?"var(--table-of-contents-color-active)":"var(--table-of-contents-color)"},onClick:c=>a(c,u,l.tag),href:`#${l.tag}`,children:l.label}))})]})},Fu=$u;var Ea=({isActive:e,transitionType:r,speed:t,width:n,render:o,content:s,onHeightChange:a})=>{let l=react.useRef(null),u=hooks.useResizeObserver(l);react.useEffect(()=>{e&&u.height>0&&a(u.height);},[e,u.height]);let i=react.useMemo(()=>{let d={width:n>0?`${n}px`:"100%",minWidth:n>0?`${n}px`:"100%",flexShrink:0,height:"fit-content",boxSizing:"border-box"};return r==="fade"?{...d,gridArea:"1 / 1 / 2 / 2",opacity:e?1:0,visibility:e?"visible":"hidden",transition:`opacity ${t}s ease-in-out`,zIndex:e?1:0}:r==="scale"?{...d,gridArea:"1 / 1 / 2 / 2",opacity:e?1:0,transform:`scale(${e?1:.95})`,transition:`all ${t}s cubic-bezier(0.34, 1.56, 0.64, 1)`,zIndex:e?1:0}:d},[e,r,n,t]);return jsxRuntime.jsx(p,{ref:l,style:{...i},className:"--content",children:o||e?s:null})};Ea.displayName="Zuz.TabBody";var Na=Ea;var La=({ref:e,...r})=>{let{tabs:t,speed:n=.3,prerender:o=true,variant:s,tabStyle:a="fixed",onChange:l,transitionType:u="slide",...c}=r,[i,d]=react.useState(0),f=react.useRef(null),m=hooks.useResizeObserver(f),g=react.useMemo(()=>core.uuid(8),[]),[C,x]=react.useState("auto"),P=react.useMemo(()=>m.width>0,[m.width]);react.useImperativeHandle(e,()=>({setTab:b=>d(b)}));let S=react.useMemo(()=>t.map(b=>({...b,key:b.key||core.uuid(8)})),[t]),{style:T,className:h,rest:v}=N({as:`flex cols w-full no-overflow ${c.as||""}`,...c}),y=()=>{if(!P)return {opacity:0};switch(u){case "fade":case "scale":return {display:"grid",gridTemplateColumns:"1fr",width:"100%"};default:return {width:`${S.length*100}%`,alignItems:"flex-start",display:"flex",transform:`translate3d(-${i*m.width}px, 0, 0)`,transition:`transform ${n}s cubic-bezier(0.4, 0, 0.2, 1)`}}};return jsxRuntime.jsxs(p,{ref:f,style:T,className:`--tabview --${a} flex cols ${h}`,children:[jsxRuntime.jsx(Ot,{as:"--tabview-head",onSwitch:b=>{d(b.index);let I=S.find(A=>A.tag==b.tag);I&&I.onSelect&&(I.onSelect(I,b.index),l?.(I,b.index));},selected:i,items:S.reduce((b,I,A)=>(b.push({icon:I.icon,index:A,label:I.label,tag:I.tag}),b),[])}),jsxRuntime.jsx(p,{className:"--tabview-body",as:"rel no-overflow w-full",style:{height:C,transition:P?`height ${n}s cubic-bezier(0.4, 0, 0.2, 1)`:"none",opacity:P?1:0},children:jsxRuntime.jsx(p,{className:"--track",style:{...y()},children:S.map((b,I)=>jsxRuntime.jsx(Na,{isActive:I===i,transitionType:u,speed:n,width:m.width,render:o||I===i,onHeightChange:A=>I===i&&x(A),content:b.body},`tab-body-${b.key||I}-${g}`))})})]})};La.displayName="Zuz.TabView";var Yu=La;var ef=({ref:e,commands:r,onCommand:t,welcomeMessage:n="Welcome to Zuz Terminal v1.0.0",prompt:o="zuz ~ ",variant:s,...a})=>{let[l,u]=react.useState([{type:"output",content:n}]),[c,i]=react.useState(""),d=react.useRef(null),f=react.useRef(null),{variant:m}=Y(true);react.useEffect(()=>{d.current&&(d.current.scrollTop=d.current.scrollHeight);},[l]);let g=h=>{let v=typeof h=="string"?{type:"output",content:h}:h;u(y=>{let b=[...y,v];return b.length>1e3?b.slice(-1e3):b});},C=()=>u([]);react.useImperativeHandle(e,()=>({write:g,clear:C}));let x=async h=>{let[v,...y]=h.split(" "),b=v.toLowerCase();return r&&r[b]?await r[b](y):t?await t(h):`command not found: ${v}`},P=h=>{let v=/\u001b\[(\d+)m/g,y=[],b={31:"#ff5f56",32:"#27c93f",33:"#ffbd2e",34:"#007aff",35:"#ff79c6",36:"#8be9fd",39:"#d4d4d4"},I=0,A="#d4d4d4",k=false,H;for(;(H=v.exec(h))!==null;){let M=h.slice(I,H.index);M&&y.push({text:M,color:A,bold:k});let $=H[1];$==="0"?(A="#d4d4d4",k=false):$==="1"?k=true:b[$]&&(A=b[$]),I=v.lastIndex;}let L=h.slice(I);return L&&y.push({text:L,color:A,bold:k}),y},S=(h,v)=>h.includes("\x1B")?P(h).map((y,b)=>jsxRuntime.jsx(ce,{style:{color:y.color||"#d4d4d4",fontWeight:y.bold?"bold":"normal"},children:y.text},`--terminal-msg-${b}-${y.text.replace(/\S+/g,"-")}`)):jsxRuntime.jsx(ce,{style:{color:v==="error"?"#ff5f56":v==="command"?"#00ff00":"#d4d4d4"},children:h}),T=async h=>{if(h.key==="Enter"&&c.trim()){let v=c.trim(),y=[...l,{type:"command",content:`${o}${v}`}];i(""),u(y);let b=await x(v);u(I=>[...I,{type:"output",content:b}]);}};return jsxRuntime.jsxs(p,{as:`--zuz-terminal --${s||m||G.Medium} flex cols ${a.className}`,onClick:()=>f.current?.focus(),children:[jsxRuntime.jsx(p,{ref:d,className:"--terminal-log",children:l.map((h,v)=>jsxRuntime.jsx(p,{children:jsxRuntime.jsx(_,{children:S(h.content,h.type)})},v))}),jsxRuntime.jsxs(p,{as:"flex aic --terminal-input",children:[jsxRuntime.jsx(_,{as:"--terminal-prompt",children:o}),jsxRuntime.jsx(ue,{ref:f,className:"--zuz-term-input",autoFocus:true,value:c,variant:s||m||G.Medium,onChange:h=>i(h.target.value),onKeyDown:T})]})]})},tf=ef;var of=({meta:e})=>jsxRuntime.jsxs(z,{as:"flex aic --command-item",children:[e.icon&&jsxRuntime.jsx(ee,{name:e.icon,as:"--command-icon"}),jsxRuntime.jsx(_,{children:e.label})]}),rf=({position:e,onSelect:r,commands:t,visible:n})=>jsxRuntime.jsx(p,{"aria-hidden":!n,fx:{transition:j.SlideInBottom,duration:.1,when:n},className:"--command-box abs grid",style:{...e},children:t.map(o=>jsxRuntime.jsx(of,{meta:o},`cmd-${o.label.replace(/\s+/,"-")}`))}),Da=rf;var $a=({ref:e,...r})=>{let {autoResize:t,maxHeight:n,variant:o,resize:s="none",command:a,commands:l,name:u,onInput:c,cmd:i,renderDropdown:d,value:f,defaultValue:m,...g}=r,C=react.useRef(null),x=react.useRef(null),{variant:P}=Y(true),{style:S,className:T,rest:h}=N(g),v=at();u?v.errors?.[u]:null;let b=u&&v.values&&v.setFieldValue,I=b?v.values?.[u]:void 0,A=hooks.useDebounce(B=>{b&&v.setFieldValue?.(u,B);},500),{showDropdown:k,dropdownPosition:H,handleKeyDown:L,handleInput:M,handleCommandSelect:$}=hooks.useCommandActions({command:a,commands:l,cmd:i,ref:C}),K=react.useCallback(()=>{let B=C.current;!B||!t||(x.current&&cancelAnimationFrame(x.current),x.current=requestAnimationFrame(()=>{B.style.height="auto";let q=B.scrollHeight;if(n){let X=parseInt(n.toString(),10);isNaN(X)||(q=Math.min(q,X));}B.style.height=`${q}px`,B.style.overflowY=n&&q>=parseInt(n.toString(),10)?"auto":"hidden";}));},[t,n]),R=B=>{A(B.currentTarget.value),c?.(B),M(B),K();};return react.useEffect(()=>{C.current&&u&&I!==void 0&&C.current.value!==String(I)&&(C.current.value=String(I));},[I,u]),react.useEffect(()=>{K();},[f,m,K]),react.useEffect(()=>{t&&C.current&&K();},[t,K]),react.useEffect(()=>()=>{x.current&&cancelAnimationFrame(x.current);},[]),react.useEffect(()=>()=>{b&&v.deleteFieldValue?.(u);},[]),jsxRuntime.jsxs(p,{as:"rel",children:[jsxRuntime.jsx("textarea",{name:u,className:`--input --textarea --${o||P||G.Medium} flex ${T}`.trim(),style:{...S,resize:s,height:t?"auto":S?.height,overflow:"hidden",transition:t?"none":void 0},onKeyDown:L,onInput:R,ref:B=>{C.current=B,typeof e=="function"?e(B):e&&(e.current=B);},value:f,defaultValue:m,...h}),d?d({show:k,position:H,commands:l||[],onSelect:$}):l&&l.length>0&&jsxRuntime.jsx(Da,{visible:k,commands:l,onSelect:$,position:H})]})};$a.displayName="Zuz.TextArea";var cf=$a;var za=react.forwardRef((e,r)=>{let{as:t,value:n,color:o,direction:s,...a}=e,l=react.useRef(null),[u,c]=react.useState(n||0);return react.useImperativeHandle(r,()=>({updateValue(i){u.toString().length!==i.toString().length&&c(i);},setValue(i){if(this.updateValue(i),l.current){let d=i.toString().split("");l.current.querySelectorAll(".--wheel-char").forEach((f,m)=>{let g=d[m];if(f instanceof HTMLElement){f.setAttribute("data-value",g);let C=f.querySelector(".--wheel-char-track");C instanceof HTMLElement&&(C.style.setProperty("--v",g),C.offsetWidth);}});}}})),react.useEffect(()=>{c(n||0);},[n]),jsxRuntime.jsxs(p,{className:"--text-wheel flex aic rel","aria-hidden":true,as:t,ref:l,...a,children:[(u||0).toString().split("").map((i,d)=>isNaN(parseInt(i,10))?jsxRuntime.jsx(ce,{className:"--wheel-char wheel-char-symbol grid",children:i},`wheel-char-symbol-${d}`):jsxRuntime.jsx(ce,{"data-value":i,className:`--wheel-char grid ${d>(u||0).toString().length-3?"--wheel-fraction":""}`.trim(),children:jsxRuntime.jsxs(ce,{className:`--wheel-char-track --wheel-track-${s||"down"} grid`,style:{"--v":i},children:[jsxRuntime.jsx(ce,{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((f,m)=>jsxRuntime.jsx(ce,{children:f},`${d}--${m}`)),jsxRuntime.jsx(ce,{children:!s||s==="down"?9:0})]})},`wheel-char-${d}`)),o&&jsxRuntime.jsx(p,{className:"abs fillx",style:{zIndex:1,background:`linear-gradient(0deg, ${o}, transparent, transparent, transparent, ${o})`}})]})});za.displayName="Zuz.TextWheel";var hf=za;var Ir=react.forwardRef((e,r)=>{let{as:t,meta:n,nodes:o,icons:s,onSelect:a,treeTag:l,selected:u,roots:c,expanded:i,...d}=e,{tag:f,label:m,icon:g,under:C,isHead:x}=n,P=react.useMemo(()=>c.includes(f),[c]),[S,T]=react.useState(i),h=()=>{localStorage.setItem(`--tn${l}-${f}`,S?"0":"1"),T(!S);};react.useEffect(()=>{i||P&&!localStorage.getItem(`--tn${l}-${f}`)?(localStorage.setItem(`--tn${l}-${f}`,"1"),T(true)):T(localStorage.getItem(`--tn${l}-${f}`)=="1");},[]);let v=react.useMemo(()=>o.filter(y=>y.under==f),[o,f]);return jsxRuntime.jsxs(p,{className:`--treenode ${P?"--is-root":""} --treenode-${f} flex cols`,children:[jsxRuntime.jsxs(p,{className:`--node --node-${f} flex aic ${u==f?" --selected":""}`,children:[jsxRuntime.jsx(z,{skeleton:d.skeleton,onClick:h,className:"--node-aro-btn",disabled:v.length==0,children:s?.arrowClose&&s?.arrowOpen?jsxRuntime.jsx(ee,{skeleton:d.skeleton,className:"--node-aro-icon",name:v.length==0?s?.arrowDisabled||s?.arrowClose:S?s?.arrowOpen:s?.arrowClose}):v.length==0?O.chevronBottom:S?O.chevronBottom:O.chevronRight}),jsxRuntime.jsxs(z,{className:"--node-meta flex aic",onClick:y=>a(f),children:[(s?.nodeOpen&&s?.nodeClose||P&&s?.rootOpen&&s?.rootClose)&&jsxRuntime.jsx(ee,{skeleton:d.skeleton,className:`--node-icon ${P?"--icon-root":""}`,name:g||(S?P&&s?.rootOpen||s.nodeOpen:P&&s?.rootClose||s?.nodeClose)}),jsxRuntime.jsx(_,{className:`--node-label ${P?"--node-label-root":""}`.trim(),skeleton:d.skeleton,children:m})]})]}),S&&v.length>0&&jsxRuntime.jsx(p,{className:`--sub-node tree-sub-node-${f} flex cols`,children:v.map(y=>jsxRuntime.jsx(Ir,{treeTag:l,selected:u,onSelect:a,icons:s,roots:c,expanded:y.expanded||false,meta:y,nodes:o},`--node-${y.tag}`))})]})});Ir.displayName="TreeItem";var Ka=Ir;var Wa=react.forwardRef((e,r)=>{let{as:t,nodes:n,onNodeSelect:o,tag:s,icons:a,roots:l,selected:u,...c}=e,[i,d]=react.useState(u);react.useImperativeHandle(r,()=>({getSelected:()=>i}),[o]);let f=m=>{d(m),o&&o(m);};return react.useEffect(()=>{i!=u&&d(u);},[u]),jsxRuntime.jsx(p,{className:"--treeview flex cols",children:n.filter(m=>l.includes(m.tag)).map(m=>jsxRuntime.jsx(Ka,{treeTag:s?`-${s}`:"",selected:i,onSelect:g=>f(g),icons:a,meta:m,roots:l,expanded:m.expanded||false,skeleton:c.skeleton,nodes:n},`--node-${m.tag}`))})});Wa.displayName="Zuz.TreeView";var Pf=Wa;String.prototype.trim=function(){return this.replace(/^\s+|\s+$/g,"").replace(/\s+/g," ")};
14
- Object.defineProperty(exports,"PACKAGE_NAME",{enumerable:true,get:function(){return chunk7G2SIFGZ_cjs.f}});Object.defineProperty(exports,"cleanProps",{enumerable:true,get:function(){return chunk7G2SIFGZ_cjs.g}});Object.defineProperty(exports,"splitAtoms",{enumerable:true,get:function(){return chunk7G2SIFGZ_cjs.h}});exports.ALERT=Ee;exports.AVATAR=Mr;exports.Accordion=Fl;exports.ActionBar=Gl;exports.Alert=Xl;exports.AutoComplete=bc;exports.Avatar=Ic;exports.Badge=Nc;exports.Box=p;exports.Bubble=mm;exports.BubbleMediaType=is;exports.BubbleStatus=as;exports.Button=z;exports.CHART=os;exports.CHECKBOX=$e;exports.COLORTHEME=Ef;exports.Calendar=Jo;exports.Carousel=em;exports.Chart=im;exports.CheckBox=Mt;exports.CodeBlock=wm;exports.ColorScheme=Am;exports.ContextMenu=Lo;exports.CookiesConsent=_m;exports.Cover=Le;exports.CropShape=op;exports.Cropper=ep;exports.Crumb=np;exports.DATATYPE=Lf;exports.DIALOG=st;exports.DIALOG_ACTION_POSITION=Or;exports.DRAWER_SIDE=Se;exports.DatePicker=lp;exports.Dialog=Do;exports.Drawer=Fo;exports.FILTER=Ft;exports.FORMVALIDATION=qe;exports.FORMVALIDATION_STYLE=Mf;exports.Fab=up;exports.Fieldset=gp;exports.Filters=xp;exports.Flex=Ve;exports.Form=Mp;exports.Grid=Dp;exports.Group=Mo;exports.Icon=ee;exports.Image=et;exports.Input=ue;exports.KeyboardKeys=yr;exports.KeysLabelMap=Ws;exports.KeysMap=Zs;exports.Label=Lt;exports.LayersProvider=No;exports.List=Je;exports.MediaPlayer=Gp;exports.NetworkStatus=Xp;exports.ORIGIN=vt;exports.OriginType=Nf;exports.Overlay=Xe;exports.PLACEMENTS=Bf;exports.POSITION=bt;exports.PROGRESS=Vf;exports.Pagination=kt;exports.PaginationStyle=ro;exports.Password=ou;exports.PinInput=au;exports.Position=ye;exports.ProgressBar=je;exports.RADIO=wo;exports.Radio=mu;exports.SHEET=Ne;exports.SHEET_ACTION_POSITION=vo;exports.SKELETON=If;exports.SLIDER=So;exports.SORT=kf;exports.SPINNER=be;exports.ScrollView=Ho;exports.Search=xr;exports.Select=wu;exports.SelectTabs=Ot;exports.Sheet=Pp;exports.Slider=lt;exports.SnackPosition=Yt;exports.SnackStyle=yn;exports.SnackType=Xt;exports.Span=ce;exports.Spinner=we;exports.Status=Of;exports.Switch=Cu;exports.TRANSITIONS=j;exports.TRANSITION_CURVES=te;exports.TabView=Yu;exports.Table=Hu;exports.TableOfContents=Fu;exports.Terminal=tf;exports.Text=_;exports.TextWheel=hf;exports.Textarea=cf;exports.ThemeProvider=li;exports.ToastDefaultTitle=xn;exports.ToastPosition=Yt;exports.ToastProvider=_o;exports.ToastStyle=yn;exports.ToastType=Xt;exports.ToolTip=ir;exports.TreeView=Pf;exports.Variant=G;exports.animationTransition=St;exports.buildClassString=Co;exports.buildWithStyles=Hr;exports.css=ed;exports.getAnimationCurve=Po;exports.getAnimationTransition=td;exports.getZuzMap=ti;exports.isKeyCombination=Ks;exports.setZuzMap=Dr;exports.useBase=N;exports.useContextMenu=hl;exports.useDialog=bl;exports.useDrawer=wl;exports.useFx=xe;exports.useMorph=Tl;exports.usePosition=Rt;exports.useSnack=Ll;exports.useToast=Ko;
14
+ Object.defineProperty(exports,"PACKAGE_NAME",{enumerable:true,get:function(){return chunkXKNFRUBN_cjs.f}});Object.defineProperty(exports,"cleanProps",{enumerable:true,get:function(){return chunkXKNFRUBN_cjs.g}});Object.defineProperty(exports,"splitAtoms",{enumerable:true,get:function(){return chunkXKNFRUBN_cjs.h}});exports.ALERT=Ee;exports.AVATAR=Mr;exports.Accordion=Fl;exports.ActionBar=Gl;exports.Alert=Xl;exports.AutoComplete=bc;exports.Avatar=Ic;exports.Badge=Nc;exports.Box=p;exports.Bubble=mm;exports.BubbleMediaType=is;exports.BubbleStatus=as;exports.Button=z;exports.CHART=os;exports.CHECKBOX=$e;exports.COLORTHEME=Ef;exports.Calendar=Jo;exports.Carousel=em;exports.Chart=im;exports.CheckBox=Mt;exports.CodeBlock=wm;exports.ColorScheme=Am;exports.ContextMenu=Lo;exports.CookiesConsent=_m;exports.Cover=Le;exports.CropShape=op;exports.Cropper=ep;exports.Crumb=np;exports.DATATYPE=Lf;exports.DIALOG=st;exports.DIALOG_ACTION_POSITION=Or;exports.DRAWER_SIDE=Se;exports.DatePicker=lp;exports.Dialog=Do;exports.Drawer=Fo;exports.FILTER=Ft;exports.FORMVALIDATION=qe;exports.FORMVALIDATION_STYLE=Mf;exports.Fab=up;exports.Fieldset=gp;exports.Filters=xp;exports.Flex=Ve;exports.Form=Mp;exports.Grid=Dp;exports.Group=Mo;exports.Icon=ee;exports.Image=et;exports.Input=ue;exports.KeyboardKeys=yr;exports.KeysLabelMap=Ws;exports.KeysMap=Zs;exports.Label=Lt;exports.LayersProvider=No;exports.List=Je;exports.MediaPlayer=Gp;exports.NetworkStatus=Xp;exports.ORIGIN=vt;exports.OriginType=Nf;exports.Overlay=Xe;exports.PLACEMENTS=Bf;exports.POSITION=bt;exports.PROGRESS=Vf;exports.Pagination=kt;exports.PaginationStyle=ro;exports.Password=ou;exports.PinInput=au;exports.Position=ye;exports.ProgressBar=je;exports.RADIO=wo;exports.Radio=mu;exports.SHEET=Ne;exports.SHEET_ACTION_POSITION=vo;exports.SKELETON=If;exports.SLIDER=So;exports.SORT=kf;exports.SPINNER=be;exports.ScrollView=Ho;exports.Search=xr;exports.Select=wu;exports.SelectTabs=Ot;exports.Sheet=Pp;exports.Slider=lt;exports.SnackPosition=Yt;exports.SnackStyle=yn;exports.SnackType=Xt;exports.Span=ce;exports.Spinner=we;exports.Status=Of;exports.Switch=Cu;exports.TRANSITIONS=j;exports.TRANSITION_CURVES=te;exports.TabView=Yu;exports.Table=Hu;exports.TableOfContents=Fu;exports.Terminal=tf;exports.Text=_;exports.TextWheel=hf;exports.Textarea=cf;exports.ThemeProvider=li;exports.ToastDefaultTitle=xn;exports.ToastPosition=Yt;exports.ToastProvider=_o;exports.ToastStyle=yn;exports.ToastType=Xt;exports.ToolTip=ir;exports.TreeView=Pf;exports.Variant=G;exports.animationTransition=St;exports.buildClassString=Co;exports.buildWithStyles=Hr;exports.css=ed;exports.getAnimationCurve=Po;exports.getAnimationTransition=td;exports.getZuzMap=ti;exports.isKeyCombination=Ks;exports.setZuzMap=Dr;exports.useBase=N;exports.useContextMenu=hl;exports.useDialog=bl;exports.useDrawer=wl;exports.useFx=xe;exports.useMorph=Tl;exports.usePosition=Rt;exports.useSnack=Ll;exports.useToast=Ko;
package/dist/index.js CHANGED
@@ -1,4 +1,4 @@
1
- import {f,e,g,d,h,c}from'./chunk-Y3JDFLHY.js';export{e as PACKAGE_NAME,f as cleanProps,g as splitAtoms}from'./chunk-Y3JDFLHY.js';import {createContext,forwardRef,useMemo,Fragment,useEffect,useRef,useImperativeHandle,useState,useCallback,createElement,isValidElement,useId,useLayoutEffect,useContext,useSyncExternalStore,startTransition}from'react';import {useDelayed,useScrollbar,useDebounce,useImage,useResizeObserver,useLineChart,useImageCropper,CropShape,useNetworkStatus,useIntersectionObserver,useCarousel,useTimer,useMediaPlayer,AnchorType,useAnchorPosition,KeyCode,useShortcuts,useCommandActions}from'@zuzjs/hooks';import {createPortal}from'react-dom';import {MD5,uuid,withPost,_ as _$1,clamp,timeSince,checkPasswordStrength,removeDuplicateWords,PubSub,toHash,numberInRange,copyToClipboard}from'@zuzjs/core';import {jsx,jsxs,Fragment as Fragment$1}from'react/jsx-runtime';import {addPropsToChildren}from'@zuzjs/core/react';import {startOfMonth,endOfMonth,startOfWeek,endOfWeek,eachDayOfInterval,format,isSameMonth,isSameDay,isToday,addHours,addDays,addWeeks}from'date-fns';var Or={Circle:"CIRCLE",Square:"SQUARE"},Ef={Default:"DEFAULT",Circle:"CIRCLE"},Nf={Light:"light",Dark:"dark",System:"system"},Fe={Default:"DEFAULT",Switch:"SWITCH"},vt={Auto:"auto",Top:"top",Bottom:"bottom",Left:"left",Right:"right"},xe=vt,St=AnchorType,Bf=St,kf={Top:"top",TopStart:"top-start",TopCenter:"top-center",TopEnd:"top-end",Bottom:"bottom",BottomStart:"bottom-start",BottomCenter:"bottom-center",BottomEnd:"bottom-end",Left:"left",LeftStart:"left-start",LeftCenter:"left-center",LeftEnd:"left-end",Right:"right",RightStart:"right-start",RightCenter:"right-center",RightEnd:"right-end"},U={XSmall:"xs",Small:"sm",Medium:"md",Large:"lg",XLarge:"xl"},Lf={Asc:"ASC",Desc:"DESC"},Mf={String:"STRING",Number:"NUMBER",Boolean:"BOOLEAN",Array:"ARRAY",Object:"OBJECT",Date:"DATE",Time:"TIME",DateTime:"DATETIME",File:"FILE"},Of={Dots:"DOTS"},Xe={IPV4:"IPV4",IPV6:"IPV6",Email:"EMAIL",Uri:"URI",Password:"PASSWORD",MatchField:"MATCHFIELD",Pattern:"*",GreaterThan:"GREATER_THAN",NotEmpty:"NOT_EMPTY",NotMinusOne:"NOT_MINUS_ONE"},Ne={Success:"success",Error:"error",Warning:"warning",Info:"info"},oe={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",SlideInTopScale:"SLIDE_FROM_BOTTOM_SCALE",SlideInBottomScale:"SLIDE_FROM_BOTTOM_SCALE",SlideInLeft:"SLIDE_FROM_LEFT"},Vf={Success:"success",Error:"error",Idle:"idle",Dead:"dead"},Be={Dialog:"DIALOG",Default:"DEFAULT",Error:"ERROR",Success:"SUCCESS",Warn:"WARN",Promise:"PROMISE"},at=Be,So={Left:"LEFT",Right:"RIGHT",Center:"CENTER"},Vr=So,Df={Bar:"BAR",Ring:"RING"},wo={Default:"range",Text:"number"},Co={Default:"DEFAULT",Card:"CARD"},zt={Gooey:"gooey"},we={Left:"LEFT",Right:"RIGHT",Top:"TOP",Bottom:"BOTTOM"};var Dr=Symbol.for("zuz.global.map"),Hr=e=>{globalThis[Dr]=e;},oi=()=>globalThis[Dr]||{},Po=e$1=>{let r=Array.isArray(e$1)?e$1.join(" "):e$1;if(!r||typeof r!="string")return "";let t=oi();return process.env.NODE_ENV==="development"&&Object.keys(t).length===0&&console.warn(`[${e}] No utility map detected. Classes will not be hashed. `,"Ensure you call setZuzMap() or use <ThemeProvider zuzMap={...} />."),g(r).filter(Boolean).map(o=>{let s=o.match(/^([&@][\w-]+)\((.*)\)$/);if(s){let[a,l,u]=s;return g(u).map(c=>{let i=`${l}(${c})`;return t[i]||c}).join(" ")}return t[o]||o}).join(" ")},td=e=>{let r=Array.isArray(e)?e.join(" "):e;return !r||typeof r!="string"?"":Po(r)},Ar=e=>{let r={};for(let t in e){let n=e[t];if(t.startsWith("--")){r[t]=n;continue}let o=d[t]?.toString()??t;if(o==="x"||o==="translateX"){let s=r.translate?.split(" ")??["0px","0px"];r.translate=`${h.addUnitsSafely(t,n)} ${s[1]??"0px"}`;}else if(o==="y"||o==="translateY"){let s=r.translate?.split(" ")??["0px","0px"];r.translate=`${s[0]??"0px"} ${h.addUnitsSafely(t,n)}`;}else c.includes(o)?r[o]=h.addUnitsSafely(t,n):r[o]=n;}return r},To=e=>{if(!e)return "linear";switch(e.toUpperCase()){case oe.Bounce:return "var(--bounce)";case oe.Liquid:return "var(--liquid)";case oe.Spring:return "var(--spring)";case oe.EaseInOut:return "ease-in-out";case oe.EaseOutBack:return "ease-out-back";default:return "linear"}},wt=(e,r=0,t=0)=>{let n={},o={},s=r||20,a=t||0;switch(e){case Q.SlideInLeft:case Q.SlideInRight:n={"--fx-x":e===Q.SlideInLeft?`-${s}px`:`${s}px`,opacity:0},o={"--fx-x":`${a}px`,opacity:1};break;case Q.SlideInTop:case Q.SlideInBottom:n={"--fx-y":e===Q.SlideInTop?`-${s}px`:`${s}px`,opacity:0},o={"--fx-y":`${a}px`,opacity:1};break;case Q.SlideInTopScale:case Q.SlideInBottomScale:n={"--fx-y":e===Q.SlideInTopScale?`-${s}px`:`${s}px`,scale:1.1},o={"--fx-y":`${a}px`,scale:1};break;case Q.ScaleIn:n={scale:0,opacity:0},o={scale:1,opacity:1};break;case Q.FadeIn:n={opacity:0},o={opacity:1};break}return {from:n,to:o}},od=(e,r,t)=>{let{from:n,to:o}=wt(e);return r?{...n,...o}:t?n:o};var ni=(e,r)=>{let t=useRef([]),n=useRef(false);return useEffect(()=>{e?.when||(n.current=false);},[e?.transition]),useEffect(()=>{let o=r?.current;if(!o||!e||!e.clearAtEnd)return;let s=a=>{t.current.includes(a.propertyName)&&e.clearAtEnd===true&&(o.style.transform="",o.style.filter="",t.current.forEach(l=>o.style.removeProperty(l)));};return o.addEventListener("transitionend",s),()=>o.removeEventListener("transitionend",s)},[e,r]),useEffect(()=>{if(typeof window>"u"||!r?.current)return;let o=r.current;(e?.scroll||e?.mouse)&&(o.style.willChange="transform",o.style.translate="var(--fx-x, 0px) var(--fx-y, 0px)",o.style.transition=`translate 0.1s ${e.curve?To(e.curve):"var(--spring)"}`);},[e,r]),useMemo(()=>{if(!e)return {style:{}};let{transition:o,from:s,to:a,exit:l,when:u,duration:c=.3,delay:i=0,curve:d,margin:f=0,offset:m=20,watch:g=[]}=e,P=u===false&&!n.current;u===true&&(n.current=true);let x={},{from:T,to:S}=o?wt(o,m,f):{from:s||{},to:a||{}};x=u===void 0?{...T,...S}:u?{...S}:l||T;let R=To(d),h=[],v=Ar(x);t.current=Object.keys(v);let y={...v};return Object.keys(v).forEach(b=>{let E=b.startsWith("--")?"all":b;h.includes(E)||h.push(`${E} ${c}s ${R} ${i}s`);}),g.forEach(b=>{h.includes(b)||h.push(`${b} 0.1s ${R} 0s`);}),{style:{...y,transition:P?"none":h.join(", "),opacity:P?0:y.opacity,pointerEvents:P?"none":y.pointerEvents}}},[e,e?.when,e?.watch])},be=ni;var _t=null,si=(e,r)=>{let{as:t,fx:n,busy:o=false,stripes:s,transition:a,skeleton:l,className:u,propsToRemove:c,draggable:i,dragOptions:d,style:f$1,...m}=e||{},g=typeof window<"u",P={},x={};if(i&&g&&!_t&&(import('@zuzjs/hooks').then(v=>{_t=v.useDrag;}).catch(v=>{console.error("Error loading useDrag:",v);}),_t)){let v=_t(d);P={onMouseDown:v.onMouseDown},x={transform:`translate(${v.position.x}px, ${v.position.y}px)`};}let T=[u,o===true?"--is-busy":"",s?`--has-stripes --stripes-${s}`:""].filter(Boolean).join(" "),S=a?{transition:a,duration:.3}:n||{},{style:R}=be(S,r),h=Po(t??"");return {style:{...f$1,...R,...x},className:[T,h||"",l?.enabled?"--skeleton":"",i?"--draggable":""].join(" ").trim(),rest:{...P,...f(m,c?[...c,"skeleton"]:["skeleton"])}}},B=si;var zr="(prefers-color-scheme: dark)",li=typeof window>"u",Kr=createContext(void 0),No=e=>{let r=useContext(Kr);if(!r){if(e===true)return;throw new Error("useColorScheme must be used within a ThemeProvider")}return r},j=No,ci=({children:e,storageKey:r="--ucs",forceTheme:t,zuzMap:n,...o})=>(n&&Hr(n),jsx(mi,{storageKey:r,forceTheme:t,...o,children:e})),mi=({children:e,storageKey:r,forceTheme:t,...n})=>{let[o,s]=useState(()=>t||_r(r,"system")),[a,l]=useState(()=>t||_r(r)),u=f=>(f||(f=window.matchMedia(zr)),f.matches?"dark":"light"),c=useCallback(f=>{let m=f=="system"?u():f,g=document.documentElement;g.setAttribute("color-scheme",m),g.style.colorScheme=m,l(m);},[u]),i=useCallback(f=>{s(f),localStorage.setItem(r,f),c(f);},[o]),d=useCallback(f=>{let m=u(f);l(m),o==="system"&&c("system");},[o]);return useEffect(()=>{o==null&&window.localStorage.getItem(r);},[o]),useEffect(()=>{window.matchMedia(zr).addEventListener("change",d);},[d]),useEffect(()=>{let f=m=>{m.key==r&&(m.newValue?i(m.newValue):i("system"));};return window.addEventListener("storage",f),()=>window.removeEventListener("storage",f)},[i]),useEffect(()=>{c(t||o||"system");},[o]),jsxs(Kr,{value:{colorScheme:o,resolvedScheme:a,setColorScheme:i,...n},children:[t?null:jsx("script",{suppressHydrationWarning:true,dangerouslySetInnerHTML:{__html:`const el = document.documentElement
1
+ import {f,e,g,d,h,c}from'./chunk-B5NI5QKN.js';export{e as PACKAGE_NAME,f as cleanProps,g as splitAtoms}from'./chunk-B5NI5QKN.js';import {createContext,forwardRef,useMemo,Fragment,useEffect,useRef,useImperativeHandle,useState,useCallback,createElement,isValidElement,useId,useLayoutEffect,useContext,useSyncExternalStore,startTransition}from'react';import {useDelayed,useScrollbar,useDebounce,useImage,useResizeObserver,useLineChart,useImageCropper,CropShape,useNetworkStatus,useIntersectionObserver,useCarousel,useTimer,useMediaPlayer,AnchorType,useAnchorPosition,KeyCode,useShortcuts,useCommandActions}from'@zuzjs/hooks';import {createPortal}from'react-dom';import {MD5,uuid,withPost,_ as _$1,clamp,timeSince,checkPasswordStrength,removeDuplicateWords,PubSub,toHash,numberInRange,copyToClipboard}from'@zuzjs/core';import {jsx,jsxs,Fragment as Fragment$1}from'react/jsx-runtime';import {addPropsToChildren}from'@zuzjs/core/react';import {startOfMonth,endOfMonth,startOfWeek,endOfWeek,eachDayOfInterval,format,isSameMonth,isSameDay,isToday,addHours,addDays,addWeeks}from'date-fns';var Or={Circle:"CIRCLE",Square:"SQUARE"},Ef={Default:"DEFAULT",Circle:"CIRCLE"},Nf={Light:"light",Dark:"dark",System:"system"},Fe={Default:"DEFAULT",Switch:"SWITCH"},vt={Auto:"auto",Top:"top",Bottom:"bottom",Left:"left",Right:"right"},xe=vt,St=AnchorType,Bf=St,kf={Top:"top",TopStart:"top-start",TopCenter:"top-center",TopEnd:"top-end",Bottom:"bottom",BottomStart:"bottom-start",BottomCenter:"bottom-center",BottomEnd:"bottom-end",Left:"left",LeftStart:"left-start",LeftCenter:"left-center",LeftEnd:"left-end",Right:"right",RightStart:"right-start",RightCenter:"right-center",RightEnd:"right-end"},U={XSmall:"xs",Small:"sm",Medium:"md",Large:"lg",XLarge:"xl"},Lf={Asc:"ASC",Desc:"DESC"},Mf={String:"STRING",Number:"NUMBER",Boolean:"BOOLEAN",Array:"ARRAY",Object:"OBJECT",Date:"DATE",Time:"TIME",DateTime:"DATETIME",File:"FILE"},Of={Dots:"DOTS"},Xe={IPV4:"IPV4",IPV6:"IPV6",Email:"EMAIL",Uri:"URI",Password:"PASSWORD",MatchField:"MATCHFIELD",Pattern:"*",GreaterThan:"GREATER_THAN",NotEmpty:"NOT_EMPTY",NotMinusOne:"NOT_MINUS_ONE"},Ne={Success:"success",Error:"error",Warning:"warning",Info:"info"},oe={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",SlideInTopScale:"SLIDE_FROM_BOTTOM_SCALE",SlideInBottomScale:"SLIDE_FROM_BOTTOM_SCALE",SlideInLeft:"SLIDE_FROM_LEFT"},Vf={Success:"success",Error:"error",Idle:"idle",Dead:"dead"},Be={Dialog:"DIALOG",Default:"DEFAULT",Error:"ERROR",Success:"SUCCESS",Warn:"WARN",Promise:"PROMISE"},at=Be,So={Left:"LEFT",Right:"RIGHT",Center:"CENTER"},Vr=So,Df={Bar:"BAR",Ring:"RING"},wo={Default:"range",Text:"number"},Co={Default:"DEFAULT",Card:"CARD"},zt={Gooey:"gooey"},we={Left:"LEFT",Right:"RIGHT",Top:"TOP",Bottom:"BOTTOM"};var Dr=Symbol.for("zuz.global.map"),Hr=e=>{globalThis[Dr]=e;},oi=()=>globalThis[Dr]||{},Po=e$1=>{let r=Array.isArray(e$1)?e$1.join(" "):e$1;if(!r||typeof r!="string")return "";let t=oi();return process.env.NODE_ENV==="development"&&Object.keys(t).length===0&&console.warn(`[${e}] No utility map detected. Classes will not be hashed. `,"Ensure you call setZuzMap() or use <ThemeProvider zuzMap={...} />."),g(r).filter(Boolean).map(o=>{let s=o.match(/^([&@][\w-]+)\((.*)\)$/);if(s){let[a,l,u]=s;return g(u).map(c=>{let i=`${l}(${c})`;return t[i]||c}).join(" ")}return t[o]||o}).join(" ")},td=e=>{let r=Array.isArray(e)?e.join(" "):e;return !r||typeof r!="string"?"":Po(r)},Ar=e=>{let r={};for(let t in e){let n=e[t];if(t.startsWith("--")){r[t]=n;continue}let o=d[t]?.toString()??t;if(o==="x"||o==="translateX"){let s=r.translate?.split(" ")??["0px","0px"];r.translate=`${h.addUnitsSafely(t,n)} ${s[1]??"0px"}`;}else if(o==="y"||o==="translateY"){let s=r.translate?.split(" ")??["0px","0px"];r.translate=`${s[0]??"0px"} ${h.addUnitsSafely(t,n)}`;}else c.includes(o)?r[o]=h.addUnitsSafely(t,n):r[o]=n;}return r},To=e=>{if(!e)return "linear";switch(e.toUpperCase()){case oe.Bounce:return "var(--bounce)";case oe.Liquid:return "var(--liquid)";case oe.Spring:return "var(--spring)";case oe.EaseInOut:return "ease-in-out";case oe.EaseOutBack:return "ease-out-back";default:return "linear"}},wt=(e,r=0,t=0)=>{let n={},o={},s=r||20,a=t||0;switch(e){case Q.SlideInLeft:case Q.SlideInRight:n={"--fx-x":e===Q.SlideInLeft?`-${s}px`:`${s}px`,opacity:0},o={"--fx-x":`${a}px`,opacity:1};break;case Q.SlideInTop:case Q.SlideInBottom:n={"--fx-y":e===Q.SlideInTop?`-${s}px`:`${s}px`,opacity:0},o={"--fx-y":`${a}px`,opacity:1};break;case Q.SlideInTopScale:case Q.SlideInBottomScale:n={"--fx-y":e===Q.SlideInTopScale?`-${s}px`:`${s}px`,scale:1.1},o={"--fx-y":`${a}px`,scale:1};break;case Q.ScaleIn:n={scale:0,opacity:0},o={scale:1,opacity:1};break;case Q.FadeIn:n={opacity:0},o={opacity:1};break}return {from:n,to:o}},od=(e,r,t)=>{let{from:n,to:o}=wt(e);return r?{...n,...o}:t?n:o};var ni=(e,r)=>{let t=useRef([]),n=useRef(false);return useEffect(()=>{e?.when||(n.current=false);},[e?.transition]),useEffect(()=>{let o=r?.current;if(!o||!e||!e.clearAtEnd)return;let s=a=>{t.current.includes(a.propertyName)&&e.clearAtEnd===true&&(o.style.transform="",o.style.filter="",t.current.forEach(l=>o.style.removeProperty(l)));};return o.addEventListener("transitionend",s),()=>o.removeEventListener("transitionend",s)},[e,r]),useEffect(()=>{if(typeof window>"u"||!r?.current)return;let o=r.current;(e?.scroll||e?.mouse)&&(o.style.willChange="transform",o.style.translate="var(--fx-x, 0px) var(--fx-y, 0px)",o.style.transition=`translate 0.1s ${e.curve?To(e.curve):"var(--spring)"}`);},[e,r]),useMemo(()=>{if(!e)return {style:{}};let{transition:o,from:s,to:a,exit:l,when:u,duration:c=.3,delay:i=0,curve:d,margin:f=0,offset:m=20,watch:g=[]}=e,P=u===false&&!n.current;u===true&&(n.current=true);let x={},{from:T,to:S}=o?wt(o,m,f):{from:s||{},to:a||{}};x=u===void 0?{...T,...S}:u?{...S}:l||T;let R=To(d),h=[],v=Ar(x);t.current=Object.keys(v);let y={...v};return Object.keys(v).forEach(b=>{let E=b.startsWith("--")?"all":b;h.includes(E)||h.push(`${E} ${c}s ${R} ${i}s`);}),g.forEach(b=>{h.includes(b)||h.push(`${b} 0.1s ${R} 0s`);}),{style:{...y,transition:P?"none":h.join(", "),opacity:P?0:y.opacity,pointerEvents:P?"none":y.pointerEvents}}},[e,e?.when,e?.watch])},be=ni;var _t=null,si=(e,r)=>{let{as:t,fx:n,busy:o=false,stripes:s,transition:a,skeleton:l,className:u,propsToRemove:c,draggable:i,dragOptions:d,style:f$1,...m}=e||{},g=typeof window<"u",P={},x={};if(i&&g&&!_t&&(import('@zuzjs/hooks').then(v=>{_t=v.useDrag;}).catch(v=>{console.error("Error loading useDrag:",v);}),_t)){let v=_t(d);P={onMouseDown:v.onMouseDown},x={transform:`translate(${v.position.x}px, ${v.position.y}px)`};}let T=[u,o===true?"--is-busy":"",s?`--has-stripes --stripes-${s}`:""].filter(Boolean).join(" "),S=a?{transition:a,duration:.3}:n||{},{style:R}=be(S,r),h=Po(t??"");return {style:{...f$1,...R,...x},className:[T,h||"",l?.enabled?"--skeleton":"",i?"--draggable":""].join(" ").trim(),rest:{...P,...f(m,c?[...c,"skeleton"]:["skeleton"])}}},B=si;var zr="(prefers-color-scheme: dark)",li=typeof window>"u",Kr=createContext(void 0),No=e=>{let r=useContext(Kr);if(!r){if(e===true)return;throw new Error("useColorScheme must be used within a ThemeProvider")}return r},j=No,ci=({children:e,storageKey:r="--ucs",forceTheme:t,zuzMap:n,...o})=>(n&&Hr(n),jsx(mi,{storageKey:r,forceTheme:t,...o,children:e})),mi=({children:e,storageKey:r,forceTheme:t,...n})=>{let[o,s]=useState(()=>t||_r(r,"system")),[a,l]=useState(()=>t||_r(r)),u=f=>(f||(f=window.matchMedia(zr)),f.matches?"dark":"light"),c=useCallback(f=>{let m=f=="system"?u():f,g=document.documentElement;g.setAttribute("color-scheme",m),g.style.colorScheme=m,l(m);},[u]),i=useCallback(f=>{s(f),localStorage.setItem(r,f),c(f);},[o]),d=useCallback(f=>{let m=u(f);l(m),o==="system"&&c("system");},[o]);return useEffect(()=>{o==null&&window.localStorage.getItem(r);},[o]),useEffect(()=>{window.matchMedia(zr).addEventListener("change",d);},[d]),useEffect(()=>{let f=m=>{m.key==r&&(m.newValue?i(m.newValue):i("system"));};return window.addEventListener("storage",f),()=>window.removeEventListener("storage",f)},[i]),useEffect(()=>{c(t||o||"system");},[o]),jsxs(Kr,{value:{colorScheme:o,resolvedScheme:a,setColorScheme:i,...n},children:[t?null:jsx("script",{suppressHydrationWarning:true,dangerouslySetInnerHTML:{__html:`const el = document.documentElement
2
2
  const themes = ['light', 'dark']
3
3
  let theme = localStorage.getItem(\`${r}\`) || "system";
4
4
  if (theme === "system") {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@zuzjs/ui",
3
- "version": "1.0.63",
3
+ "version": "1.0.64",
4
4
  "description": "ZuzJS UI Library",
5
5
  "keywords": [
6
6
  "react",
File without changes
File without changes