@ioca/react 1.4.78 → 1.4.80

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@ioca/react",
-	"version": "1.4.78",
+	"version": "1.4.80",
 	"type": "module",
 	"scripts": {
 		"dev": "vite",
@@ -33,9 +33,11 @@
 		"fs": "^0.0.1-security",
 		"mockjs": "^1.1.0",
 		"path": "^0.12.7",
+		"postcss": "^8.5.8",
 		"react-syntax-highlighter": "^15.6.1",
 		"rimraf": "^6.0.1",
 		"rolldown": "1.0.0-rc.11",
+		"rollup-plugin-postcss": "^4.0.2",
 		"sass": "^1.86.0",
 		"typescript": "^5.7.2",
 		"unplugin-dts": "1.0.0-beta.6",
@@ -46,17 +48,20 @@
 		"react": ">=16.8.0",
 		"react-dom": ">=16.8.0"
 	},
+	"main": "lib/cjs/index.cjs",
 	"module": "lib/es/index.js",
 	"types": "lib/types/index.d.ts",
 	"exports": {
 		".": {
 			"types": "./lib/types/index.d.ts",
-			"import": "./lib/es/index.js"
+			"import": "./lib/es/index.js",
+			"require": "./lib/cjs/index.cjs"
 		},
 		"./index.css": "./lib/css/index.css",
 		"./*": {
 			"types": "./lib/types/*.d.ts",
-			"import": "./lib/es/*.js"
+			"import": "./lib/es/*.js",
+			"require": "./lib/cjs/*.cjs"
 		}
 	},
 	"files": [

package/lib/css/index.css

@@ -1 +0,0 @@
-:root{--font-size: 15px;--font: normal 400 var(--font-size) / 1.5 -apple-system, "Helvetica Neue", sans-serif;--transition: all 0.24s ease;--padding: 0.32em 0.628em;--radius: 4px;--shadow: 0px 2px 8px var(--dim);--blur: blur(16px);--breakpoint: 880px;--label-width: auto;--label-align: left}article,aside,dialog,footer,header,section,footer,nav,figure,menu{display:block}*{margin:0;padding:0;border:0;box-sizing:border-box}h1,h2,h3,h4,h5,h6,p,article,section,body{line-height:1.2}a{color:inherit;text-decoration:none;cursor:pointer;transition:var(--transition)}b,strong{font-weight:700}html{position:relative;font:var(--font);color:var(--color);min-height:100vh;overflow-x:hidden;scroll-behavior:smooth}input,button,textarea,select{font:inherit}input:-webkit-autofill{box-shadow:inherit;transition:none}ul,ol{list-style:none}img,video,audio,iframe{display:block;margin:auto;max-height:100%;max-width:100%;transition:var(--transition)}h1{font-size:2.4rem;line-height:1.2}h2{font-size:2rem;line-height:1.2}h3{font-size:1.5rem}h4{font-size:1.2rem}h5,h6{font-size:1rem}label{cursor:pointer}pre,code{font-family:inherit}::selection{background-color:rgba(255,216,50,.6392156863)}.os-windows ::-webkit-scrollbar{width:6px;height:6px;cursor:pointer}.os-windows ::-webkit-scrollbar-thumb{background-color:var(--color-8);cursor:pointer;border-radius:var(--radius)}:root kbd,:root .kbd,:root code,:root .code{display:inline-block;font-family:inherit;margin:0 .2em;padding:0 .4em;border-radius:4px;font-size:.86em;line-height:1.5;white-space:nowrap}:root .code,:root code{background:var(--color-8);color:var(--color-0);font-family:unset}:root kbd,:root .kbd{background-color:var(--white);color:var(--black);border-right:2px solid var(--grey-1);border-bottom:3px solid var(--grey-1);box-shadow:-1px -1px 1px var(--color-9)}:root .chip{padding:.05em .72em;font-size:.94em;background:var(--color-main);color:var(--color-main-reverse);border-radius:var(--radius);transition:var(--transition)}:root .chip:hover{--background-hover: var(--color-main-1);background:var(--background-hover)}:root .link{display:inline-flex;position:relative;white-space:nowrap;color:var(--blue)}:root .absolute{position:absolute}:root .relative{position:relative}:root .fixed{position:fixed}:root .inset-0{inset:0}:root .flex{display:flex;gap:inherit}:root .grid{display:grid}:root .flex-column{flex-direction:column}:root .flex-wrap{flex-wrap:wrap}:root .flex-1{flex:1}:root .flex-shrink{flex-shrink:0}:root .sticky-top{position:sticky;top:0;z-index:10}:root .sticky-bottom{position:sticky;bottom:0;z-index:10}:root .sticky-left{position:sticky;left:0;z-index:10}:root .sticky-right{position:sticky;right:0;z-index:10}:root .text-center{text-align:center}:root .text-right{text-align:right}:root .bordered{border:1px solid var(--color-7)}:root .ellipsis{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:root .overflow-hidden{overflow:hidden}:root .overflow-auto{overflow:auto}:root .justify-center{justify-content:center}:root .justify-evenly{justify-content:space-evenly}:root .justify-between{justify-content:space-between}:root .justify-start{justify-content:flex-start}:root .justify-end{justify-content:flex-end}:root .items-start{align-items:flex-start}:root .items-end{align-items:flex-end}:root .items-center{align-items:center}:root .self-center{align-self:center}:root .h-100vh{height:100vh}:root .bg-blur{background:var(--background-opacity);backdrop-filter:var(--blur)}:root .roundless{border-radius:0}:root .round{border-radius:50vw}:root .round-0{border-radius:var(--radius)}:root .disabled{opacity:.4;cursor:not-allowed}:root .hidden{display:none !important}:root .shadow{box-shadow:var(--shadow)}:root .hover-shadow{transition:var(--transition)}:root .hover-shadow:hover{box-shadow:var(--shadow)}:root .hover-text-shadow{transition:var(--transition)}:root .hover-text-shadow:hover{text-shadow:var(--shadow)}:root .no-transition{transition:none}:root .hover-opacity{opacity:0;transition:var(--transition)}:root .hover-opacity:hover{opacity:1}:root .hover-children{opacity:0;transform:var(--transition)}:root .hover-parent:hover .hover-children{opacity:1}:root .bg-transparent{background:rgba(0,0,0,0)}:root .font-italic{font-style:italic}:root .font-bold{font-weight:600}:root .font-sm{font-size:.8em}:root .font-lg{font-size:1.2em}:root .mg-auto{margin:auto}:root .mx-auto{margin-inline:auto}:root .my-auto{margin-block:auto}:root .ml-auto{margin-left:auto}:root .mr-auto{margin-right:auto}:root .mt-auto{margin-top:auto}:root .mb-auto{margin-bottom:auto}:root .mg-0{margin:0px}:root .mx-0{margin-inline:0px}:root .my-0{margin-block:0px}:root .mt-0{margin-top:0px}:root .mb-0{margin-bottom:0px}:root .ml-0{margin-left:0px}:root .mr-0{margin-right:0px}:root .pd-0{padding:0px}:root .px-0{padding-inline:0px}:root .py-0{padding-block:0px}:root .pl-0{padding-left:0px}:root .pr-0{padding-right:0px}:root .pt-0{padding-top:0px}:root .pb-0{padding-bottom:0px}:root .gap-0{gap:0px}:root .mg-1{margin:1px}:root .mx-1{margin-inline:1px}:root .my-1{margin-block:1px}:root .mt-1{margin-top:1px}:root .mb-1{margin-bottom:1px}:root .ml-1{margin-left:1px}:root .mr-1{margin-right:1px}:root .pd-1{padding:1px}:root .px-1{padding-inline:1px}:root .py-1{padding-block:1px}:root .pl-1{padding-left:1px}:root .pr-1{padding-right:1px}:root .pt-1{padding-top:1px}:root .pb-1{padding-bottom:1px}:root .gap-1{gap:1px}:root .mg-2{margin:2px}:root .mx-2{margin-inline:2px}:root .my-2{margin-block:2px}:root .mt-2{margin-top:2px}:root .mb-2{margin-bottom:2px}:root .ml-2{margin-left:2px}:root .mr-2{margin-right:2px}:root .pd-2{padding:2px}:root .px-2{padding-inline:2px}:root .py-2{padding-block:2px}:root .pl-2{padding-left:2px}:root .pr-2{padding-right:2px}:root .pt-2{padding-top:2px}:root .pb-2{padding-bottom:2px}:root .gap-2{gap:2px}:root .mg-4{margin:4px}:root .mx-4{margin-inline:4px}:root .my-4{margin-block:4px}:root .mt-4{margin-top:4px}:root .mb-4{margin-bottom:4px}:root .ml-4{margin-left:4px}:root .mr-4{margin-right:4px}:root .pd-4{padding:4px}:root .px-4{padding-inline:4px}:root .py-4{padding-block:4px}:root .pl-4{padding-left:4px}:root .pr-4{padding-right:4px}:root .pt-4{padding-top:4px}:root .pb-4{padding-bottom:4px}:root .gap-4{gap:4px}:root .mg-6{margin:6px}:root .mx-6{margin-inline:6px}:root .my-6{margin-block:6px}:root .mt-6{margin-top:6px}:root .mb-6{margin-bottom:6px}:root .ml-6{margin-left:6px}:root .mr-6{margin-right:6px}:root .pd-6{padding:6px}:root .px-6{padding-inline:6px}:root .py-6{padding-block:6px}:root .pl-6{padding-left:6px}:root .pr-6{padding-right:6px}:root .pt-6{padding-top:6px}:root .pb-6{padding-bottom:6px}:root .gap-6{gap:6px}:root .mg-8{margin:8px}:root .mx-8{margin-inline:8px}:root .my-8{margin-block:8px}:root .mt-8{margin-top:8px}:root .mb-8{margin-bottom:8px}:root .ml-8{margin-left:8px}:root .mr-8{margin-right:8px}:root .pd-8{padding:8px}:root .px-8{padding-inline:8px}:root .py-8{padding-block:8px}:root .pl-8{padding-left:8px}:root .pr-8{padding-right:8px}:root .pt-8{padding-top:8px}:root .pb-8{padding-bottom:8px}:root .gap-8{gap:8px}:root .mg-10{margin:10px}:root .mx-10{margin-inline:10px}:root .my-10{margin-block:10px}:root .mt-10{margin-top:10px}:root .mb-10{margin-bottom:10px}:root .ml-10{margin-left:10px}:root .mr-10{margin-right:10px}:root .pd-10{padding:10px}:root .px-10{padding-inline:10px}:root .py-10{padding-block:10px}:root .pl-10{padding-left:10px}:root .pr-10{padding-right:10px}:root .pt-10{padding-top:10px}:root .pb-10{padding-bottom:10px}:root .gap-10{gap:10px}:root .mg-12{margin:12px}:root .mx-12{margin-inline:12px}:root .my-12{margin-block:12px}:root .mt-12{margin-top:12px}:root .mb-12{margin-bottom:12px}:root .ml-12{margin-left:12px}:root .mr-12{margin-right:12px}:root .pd-12{padding:12px}:root .px-12{padding-inline:12px}:root .py-12{padding-block:12px}:root .pl-12{padding-left:12px}:root .pr-12{padding-right:12px}:root .pt-12{padding-top:12px}:root .pb-12{padding-bottom:12px}:root .gap-12{gap:12px}:root .mg-16{margin:16px}:root .mx-16{margin-inline:16px}:root .my-16{margin-block:16px}:root .mt-16{margin-top:16px}:root .mb-16{margin-bottom:16px}:root .ml-16{margin-left:16px}:root .mr-16{margin-right:16px}:root .pd-16{padding:16px}:root .px-16{padding-inline:16px}:root .py-16{padding-block:16px}:root .pl-16{padding-left:16px}:root .pr-16{padding-right:16px}:root .pt-16{padding-top:16px}:root .pb-16{padding-bottom:16px}:root .gap-16{gap:16px}:root .mg-20{margin:20px}:root .mx-20{margin-inline:20px}:root .my-20{margin-block:20px}:root .mt-20{margin-top:20px}:root .mb-20{margin-bottom:20px}:root .ml-20{margin-left:20px}:root .mr-20{margin-right:20px}:root .pd-20{padding:20px}:root .px-20{padding-inline:20px}:root .py-20{padding-block:20px}:root .pl-20{padding-left:20px}:root .pr-20{padding-right:20px}:root .pt-20{padding-top:20px}:root .pb-20{padding-bottom:20px}:root .gap-20{gap:20px}:root .mg-24{margin:24px}:root .mx-24{margin-inline:24px}:root .my-24{margin-block:24px}:root .mt-24{margin-top:24px}:root .mb-24{margin-bottom:24px}:root .ml-24{margin-left:24px}:root .mr-24{margin-right:24px}:root .pd-24{padding:24px}:root .px-24{padding-inline:24px}:root .py-24{padding-block:24px}:root .pl-24{padding-left:24px}:root .pr-24{padding-right:24px}:root .pt-24{padding-top:24px}:root .pb-24{padding-bottom:24px}:root .gap-24{gap:24px}:root .mg-28{margin:28px}:root .mx-28{margin-inline:28px}:root .my-28{margin-block:28px}:root .mt-28{margin-top:28px}:root .mb-28{margin-bottom:28px}:root .ml-28{margin-left:28px}:root .mr-28{margin-right:28px}:root .pd-28{padding:28px}:root .px-28{padding-inline:28px}:root .py-28{padding-block:28px}:root .pl-28{padding-left:28px}:root .pr-28{padding-right:28px}:root .pt-28{padding-top:28px}:root .pb-28{padding-bottom:28px}:root .gap-28{gap:28px}:root .mg-32{margin:32px}:root .mx-32{margin-inline:32px}:root .my-32{margin-block:32px}:root .mt-32{margin-top:32px}:root .mb-32{margin-bottom:32px}:root .ml-32{margin-left:32px}:root .mr-32{margin-right:32px}:root .pd-32{padding:32px}:root .px-32{padding-inline:32px}:root .py-32{padding-block:32px}:root .pl-32{padding-left:32px}:root .pr-32{padding-right:32px}:root .pt-32{padding-top:32px}:root .pb-32{padding-bottom:32px}:root .gap-32{gap:32px}:root .mg-36{margin:36px}:root .mx-36{margin-inline:36px}:root .my-36{margin-block:36px}:root .mt-36{margin-top:36px}:root .mb-36{margin-bottom:36px}:root .ml-36{margin-left:36px}:root .mr-36{margin-right:36px}:root .pd-36{padding:36px}:root .px-36{padding-inline:36px}:root .py-36{padding-block:36px}:root .pl-36{padding-left:36px}:root .pr-36{padding-right:36px}:root .pt-36{padding-top:36px}:root .pb-36{padding-bottom:36px}:root .gap-36{gap:36px}:root .mg-40{margin:40px}:root .mx-40{margin-inline:40px}:root .my-40{margin-block:40px}:root .mt-40{margin-top:40px}:root .mb-40{margin-bottom:40px}:root .ml-40{margin-left:40px}:root .mr-40{margin-right:40px}:root .pd-40{padding:40px}:root .px-40{padding-inline:40px}:root .py-40{padding-block:40px}:root .pl-40{padding-left:40px}:root .pr-40{padding-right:40px}:root .pt-40{padding-top:40px}:root .pb-40{padding-bottom:40px}:root .gap-40{gap:40px}:root .mg-48{margin:48px}:root .mx-48{margin-inline:48px}:root .my-48{margin-block:48px}:root .mt-48{margin-top:48px}:root .mb-48{margin-bottom:48px}:root .ml-48{margin-left:48px}:root .mr-48{margin-right:48px}:root .pd-48{padding:48px}:root .px-48{padding-inline:48px}:root .py-48{padding-block:48px}:root .pl-48{padding-left:48px}:root .pr-48{padding-right:48px}:root .pt-48{padding-top:48px}:root .pb-48{padding-bottom:48px}:root .gap-48{gap:48px}:root .mg-56{margin:56px}:root .mx-56{margin-inline:56px}:root .my-56{margin-block:56px}:root .mt-56{margin-top:56px}:root .mb-56{margin-bottom:56px}:root .ml-56{margin-left:56px}:root .mr-56{margin-right:56px}:root .pd-56{padding:56px}:root .px-56{padding-inline:56px}:root .py-56{padding-block:56px}:root .pl-56{padding-left:56px}:root .pr-56{padding-right:56px}:root .pt-56{padding-top:56px}:root .pb-56{padding-bottom:56px}:root .gap-56{gap:56px}:root .mg-60{margin:60px}:root .mx-60{margin-inline:60px}:root .my-60{margin-block:60px}:root .mt-60{margin-top:60px}:root .mb-60{margin-bottom:60px}:root .ml-60{margin-left:60px}:root .mr-60{margin-right:60px}:root .pd-60{padding:60px}:root .px-60{padding-inline:60px}:root .py-60{padding-block:60px}:root .pl-60{padding-left:60px}:root .pr-60{padding-right:60px}:root .pt-60{padding-top:60px}:root .pb-60{padding-bottom:60px}:root .gap-60{gap:60px}:root .mg-72{margin:72px}:root .mx-72{margin-inline:72px}:root .my-72{margin-block:72px}:root .mt-72{margin-top:72px}:root .mb-72{margin-bottom:72px}:root .ml-72{margin-left:72px}:root .mr-72{margin-right:72px}:root .pd-72{padding:72px}:root .px-72{padding-inline:72px}:root .py-72{padding-block:72px}:root .pl-72{padding-left:72px}:root .pr-72{padding-right:72px}:root .pt-72{padding-top:72px}:root .pb-72{padding-bottom:72px}:root .gap-72{gap:72px}:root .mg-80{margin:80px}:root .mx-80{margin-inline:80px}:root .my-80{margin-block:80px}:root .mt-80{margin-top:80px}:root .mb-80{margin-bottom:80px}:root .ml-80{margin-left:80px}:root .mr-80{margin-right:80px}:root .pd-80{padding:80px}:root .px-80{padding-inline:80px}:root .py-80{padding-block:80px}:root .pl-80{padding-left:80px}:root .pr-80{padding-right:80px}:root .pt-80{padding-top:80px}:root .pb-80{padding-bottom:80px}:root .gap-80{gap:80px}:root .mg-96{margin:96px}:root .mx-96{margin-inline:96px}:root .my-96{margin-block:96px}:root .mt-96{margin-top:96px}:root .mb-96{margin-bottom:96px}:root .ml-96{margin-left:96px}:root .mr-96{margin-right:96px}:root .pd-96{padding:96px}:root .px-96{padding-inline:96px}:root .py-96{padding-block:96px}:root .pl-96{padding-left:96px}:root .pr-96{padding-right:96px}:root .pt-96{padding-top:96px}:root .pb-96{padding-bottom:96px}:root .gap-96{gap:96px}:root .mg-100{margin:100px}:root .mx-100{margin-inline:100px}:root .my-100{margin-block:100px}:root .mt-100{margin-top:100px}:root .mb-100{margin-bottom:100px}:root .ml-100{margin-left:100px}:root .mr-100{margin-right:100px}:root .pd-100{padding:100px}:root .px-100{padding-inline:100px}:root .py-100{padding-block:100px}:root .pl-100{padding-left:100px}:root .pr-100{padding-right:100px}:root .pt-100{padding-top:100px}:root .pb-100{padding-bottom:100px}:root .gap-100{gap:100px}:root .mg-120{margin:120px}:root .mx-120{margin-inline:120px}:root .my-120{margin-block:120px}:root .mt-120{margin-top:120px}:root .mb-120{margin-bottom:120px}:root .ml-120{margin-left:120px}:root .mr-120{margin-right:120px}:root .pd-120{padding:120px}:root .px-120{padding-inline:120px}:root .py-120{padding-block:120px}:root .pl-120{padding-left:120px}:root .pr-120{padding-right:120px}:root .pt-120{padding-top:120px}:root .pb-120{padding-bottom:120px}:root .gap-120{gap:120px}:root .mg-160{margin:160px}:root .mx-160{margin-inline:160px}:root .my-160{margin-block:160px}:root .mt-160{margin-top:160px}:root .mb-160{margin-bottom:160px}:root .ml-160{margin-left:160px}:root .mr-160{margin-right:160px}:root .pd-160{padding:160px}:root .px-160{padding-inline:160px}:root .py-160{padding-block:160px}:root .pl-160{padding-left:160px}:root .pr-160{padding-right:160px}:root .pt-160{padding-top:160px}:root .pb-160{padding-bottom:160px}:root .gap-160{gap:160px}:root .mg-200{margin:200px}:root .mx-200{margin-inline:200px}:root .my-200{margin-block:200px}:root .mt-200{margin-top:200px}:root .mb-200{margin-bottom:200px}:root .ml-200{margin-left:200px}:root .mr-200{margin-right:200px}:root .pd-200{padding:200px}:root .px-200{padding-inline:200px}:root .py-200{padding-block:200px}:root .pl-200{padding-left:200px}:root .pr-200{padding-right:200px}:root .pt-200{padding-top:200px}:root .pb-200{padding-bottom:200px}:root .gap-200{gap:200px}:root .w-10{width:10%}:root .h-10{height:10%}:root .w-20{width:20%}:root .h-20{height:20%}:root .w-25{width:25%}:root .h-25{height:25%}:root .w-30{width:30%}:root .h-30{height:30%}:root .w-40{width:40%}:root .h-40{height:40%}:root .w-50{width:50%}:root .h-50{height:50%}:root .w-60{width:60%}:root .h-60{height:60%}:root .w-70{width:70%}:root .h-70{height:70%}:root .w-75{width:75%}:root .h-75{height:75%}:root .w-80{width:80%}:root .h-80{height:80%}:root .w-90{width:90%}:root .h-90{height:90%}:root .w-100{width:100%}:root .h-100{height:100%}:root .colspan-2{grid-column:span 2}:root .rowspan-2{grid-row:span 2}:root .colspan-3{grid-column:span 3}:root .rowspan-3{grid-row:span 3}:root .colspan-4{grid-column:span 4}:root .rowspan-4{grid-row:span 4}:root .colspan-5{grid-column:span 5}:root .rowspan-5{grid-row:span 5}:root .colspan-full{grid-column:1/-1}:root .rowspan-full{grid-row:1/-1}@media(min-width: 880px){:root .screen-sm{display:none !important}}@media(max-width: 880px){:root .screen-lg{display:none !important}}@keyframes rotate{100%{transform:rotate(360deg)}}@keyframes bounce{20%{transform:translate(12px, 0)}50%{transform:translate(-8px, 0)}80%{transform:translate(6px, 0)}}:root{--background: #fff;--background-1: #f1f1f1;--background-opacity: #ffffffa6;--background-opacity-1: #e9e9e999;--background-opacity-2: #f1f1f1a6;--color: #212121;--color-main: #2d2d2d;--color-main-0: #f1f1f1;--color-main-1: #3a3a3a;--color-main-reverse: #fafafa;--color-backdrop: rgba(0, 0, 0, 0.25);--dim: rgba(0, 0, 0, 0.15)}:root .color-main{color:var(--color-main)}:root .bg-main{background:var(--color-main);color:var(--color-main-reverse)}:root{--color-0: black}:root .color-0{--color: var(--color-0);color:var(--color)}:root .bg-0{--background: var(--color-0);background:var(--background);color:var(--white)}:root .opacity-0{opacity:0}:root{--color-1: rgb(26.775, 26.775, 26.775)}:root .color-1{--color: var(--color-1);color:var(--color)}:root .bg-1{--background: var(--color-1);background:var(--background);color:var(--white)}:root .opacity-1{opacity:0.1}:root{--color-2: rgb(53.55, 53.55, 53.55)}:root .color-2{--color: var(--color-2);color:var(--color)}:root .bg-2{--background: var(--color-2);background:var(--background);color:var(--white)}:root .opacity-2{opacity:0.2}:root{--color-3: rgb(80.325, 80.325, 80.325)}:root .color-3{--color: var(--color-3);color:var(--color)}:root .bg-3{--background: var(--color-3);background:var(--background);color:var(--white)}:root .opacity-3{opacity:0.3}:root{--color-4: rgb(107.1, 107.1, 107.1)}:root .color-4{--color: var(--color-4);color:var(--color)}:root .bg-4{--background: var(--color-4);background:var(--background);color:var(--white)}:root .opacity-4{opacity:0.4}:root{--color-5: rgb(133.875, 133.875, 133.875)}:root .color-5{--color: var(--color-5);color:var(--color)}:root .bg-5{--background: var(--color-5);background:var(--background)}:root .opacity-5{opacity:0.5}:root{--color-6: rgb(160.65, 160.65, 160.65)}:root .color-6{--color: var(--color-6);color:var(--color)}:root .bg-6{--background: var(--color-6);background:var(--background)}:root .opacity-6{opacity:0.6}:root{--color-7: rgb(187.425, 187.425, 187.425)}:root .color-7{--color: var(--color-7);color:var(--color)}:root .bg-7{--background: var(--color-7);background:var(--background)}:root .opacity-7{opacity:0.7}:root{--color-8: rgb(214.2, 214.2, 214.2)}:root .color-8{--color: var(--color-8);color:var(--color)}:root .bg-8{--background: var(--color-8);background:var(--background)}:root .opacity-8{opacity:0.8}:root{--color-9: rgb(240.975, 240.975, 240.975)}:root .color-9{--color: var(--color-9);color:var(--color)}:root .bg-9{--background: var(--color-9);background:var(--background)}:root .opacity-9{opacity:0.9}:root{--white-0: white;--white: white;--white-1: #fafafa}:root .bg-white-0{--background: white;--color-hover: var(--color);background-color:var(--background);color:white}:root .bg-white-0:hover{--background-hover: white}:root .bg-white-0.i-btn:hover{background:var(--background-hover);color:var(--color-hover)}:root .bg-white{--background: var(--white);--color: var(--black);--color-hover: var(--black);background-color:var(--background);color:var(--color)}:root .bg-white:hover{--background-hover: #fafafa}:root .bg-white.i-btn:hover{background:var(--background-hover);color:var(--color-hover)}:root .bg-white-1{--background: #fafafa;--color: var(--black);--color-hover: var(--black);background-color:var(--background);color:var(--color)}:root .bg-white-1:hover{--background-hover: white}:root .bg-white-1.i-btn:hover{background:var(--background-hover);color:var(--color-hover)}:root .white-0{--color: white;--color-hover: var(--white);color:var(--color)}:root .white{--color: var(--white);--background-hover: var(--white-0);--color-hover: var(--white);color:var(--color)}:root .white-1{--color: #fafafa;--color-hover: var(--white);color:var(--color)}:root{--black-0: #dbdbdb;--black: black;--black-1: #1a1a1a}:root .bg-black-0{--background: #dbdbdb;--color-hover: var(--color);background-color:var(--background);color:black}:root .bg-black-0:hover{--background-hover: black}:root .bg-black-0.i-btn:hover{background:var(--background-hover);color:var(--color-hover)}:root .bg-black{--background: var(--black);--color: var(--white);--color-hover: var(--white);background-color:var(--background);color:var(--color)}:root .bg-black:hover{--background-hover: #1a1a1a}:root .bg-black.i-btn:hover{background:var(--background-hover);color:var(--color-hover)}:root .bg-black-1{--background: #1a1a1a;--color: var(--white);--color-hover: var(--white);background-color:var(--background);color:var(--color)}:root .bg-black-1:hover{--background-hover: black}:root .bg-black-1.i-btn:hover{background:var(--background-hover);color:var(--color-hover)}:root .black-0{--color: #dbdbdb;--color-hover: var(--black);color:var(--color)}:root .black{--color: var(--black);--background-hover: var(--black-0);--color-hover: var(--black);color:var(--color)}:root .black-1{--color: #1a1a1a;--color-hover: var(--black);color:var(--color)}:root{--red-0: #fcdfe4;--red: #dc143c;--red-1: #dc143c}:root .bg-red-0{--background: #fcdfe4;--color-hover: var(--color);background-color:var(--background);color:#dc143c}:root .bg-red-0:hover{--background-hover: #dc143c}:root .bg-red-0.i-btn:hover{background:var(--background-hover);color:var(--color-hover)}:root .bg-red{--background: var(--red);--color: var(--white);--color-hover: var(--white);background-color:var(--background);color:var(--color)}:root .bg-red:hover{--background-hover: #dc143c}:root .bg-red.i-btn:hover{background:var(--background-hover);color:var(--color-hover)}:root .bg-red-1{--background: #dc143c;--color: var(--white);--color-hover: var(--white);background-color:var(--background);color:var(--color)}:root .bg-red-1:hover{--background-hover: #dc143c}:root .bg-red-1.i-btn:hover{background:var(--background-hover);color:var(--color-hover)}:root .red-0{--color: #fcdfe4;--color-hover: var(--red);color:var(--color)}:root .red{--color: var(--red);--background-hover: var(--red-0);--color-hover: var(--red);color:var(--color)}:root .red-1{--color: #dc143c;--color-hover: var(--red);color:var(--color)}:root{--blue-0: #d6ebff;--blue: #1e90ff;--blue-1: #007cf4}:root .bg-blue-0{--background: #d6ebff;--color-hover: var(--color);background-color:var(--background);color:#1e90ff}:root .bg-blue-0:hover{--background-hover: #1e90ff}:root .bg-blue-0.i-btn:hover{background:var(--background-hover);color:var(--color-hover)}:root .bg-blue{--background: var(--blue);--color: var(--white);--color-hover: var(--white);background-color:var(--background);color:var(--color)}:root .bg-blue:hover{--background-hover: #007cf4}:root .bg-blue.i-btn:hover{background:var(--background-hover);color:var(--color-hover)}:root .bg-blue-1{--background: #007cf4;--color: var(--white);--color-hover: var(--white);background-color:var(--background);color:var(--color)}:root .bg-blue-1:hover{--background-hover: #1e90ff}:root .bg-blue-1.i-btn:hover{background:var(--background-hover);color:var(--color-hover)}:root .blue-0{--color: #d6ebff;--color-hover: var(--blue);color:var(--color)}:root .blue{--color: var(--blue);--background-hover: var(--blue-0);--color-hover: var(--blue);color:var(--color)}:root .blue-1{--color: #007cf4;--color-hover: var(--blue);color:var(--color)}:root{--green-0: #e7fff2;--green: #3cb371;--green-1: #37a467}:root .bg-green-0{--background: #e7fff2;--color-hover: var(--color);background-color:var(--background);color:#3cb371}:root .bg-green-0:hover{--background-hover: #3cb371}:root .bg-green-0.i-btn:hover{background:var(--background-hover);color:var(--color-hover)}:root .bg-green{--background: var(--green);--color: var(--white);--color-hover: var(--white);background-color:var(--background);color:var(--color)}:root .bg-green:hover{--background-hover: #37a467}:root .bg-green.i-btn:hover{background:var(--background-hover);color:var(--color-hover)}:root .bg-green-1{--background: #37a467;--color: var(--white);--color-hover: var(--white);background-color:var(--background);color:var(--color)}:root .bg-green-1:hover{--background-hover: #3cb371}:root .bg-green-1.i-btn:hover{background:var(--background-hover);color:var(--color-hover)}:root .green-0{--color: #e7fff2;--color-hover: var(--green);color:var(--color)}:root .green{--color: var(--green);--background-hover: var(--green-0);--color-hover: var(--green);color:var(--color)}:root .green-1{--color: #37a467;--color-hover: var(--green);color:var(--color)}:root{--yellow-0: #fffae5;--yellow: #ffc549;--yellow-1: #ffb820}:root .bg-yellow-0{--background: #fffae5;--color-hover: var(--color);background-color:var(--background);color:#ffc549}:root .bg-yellow-0:hover{--background-hover: #ffc549}:root .bg-yellow-0.i-btn:hover{background:var(--background-hover);color:var(--color-hover)}:root .bg-yellow{--background: var(--yellow);--color: var(--black);--color-hover: var(--black);background-color:var(--background);color:var(--color)}:root .bg-yellow:hover{--background-hover: #ffb820}:root .bg-yellow.i-btn:hover{background:var(--background-hover);color:var(--color-hover)}:root .bg-yellow-1{--background: #ffb820;--color: var(--black);--color-hover: var(--black);background-color:var(--background);color:var(--color)}:root .bg-yellow-1:hover{--background-hover: #ffc549}:root .bg-yellow-1.i-btn:hover{background:var(--background-hover);color:var(--color-hover)}:root .yellow-0{--color: #fffae5;--color-hover: var(--yellow);color:var(--color)}:root .yellow{--color: var(--yellow);--background-hover: var(--yellow-0);--color-hover: var(--yellow);color:var(--color)}:root .yellow-1{--color: #ffb820;--color-hover: var(--yellow);color:var(--color)}:root{--brown-0: #fbece2;--brown: #95410c;--brown-1: #8b3a07}:root .bg-brown-0{--background: #fbece2;--color-hover: var(--color);background-color:var(--background);color:#95410c}:root .bg-brown-0:hover{--background-hover: #95410c}:root .bg-brown-0.i-btn:hover{background:var(--background-hover);color:var(--color-hover)}:root .bg-brown{--background: var(--brown);--color: var(--white);--color-hover: var(--white);background-color:var(--background);color:var(--color)}:root .bg-brown:hover{--background-hover: #8b3a07}:root .bg-brown.i-btn:hover{background:var(--background-hover);color:var(--color-hover)}:root .bg-brown-1{--background: #8b3a07;--color: var(--white);--color-hover: var(--white);background-color:var(--background);color:var(--color)}:root .bg-brown-1:hover{--background-hover: #95410c}:root .bg-brown-1.i-btn:hover{background:var(--background-hover);color:var(--color-hover)}:root .brown-0{--color: #fbece2;--color-hover: var(--brown);color:var(--color)}:root .brown{--color: var(--brown);--background-hover: var(--brown-0);--color-hover: var(--brown);color:var(--color)}:root .brown-1{--color: #8b3a07;--color-hover: var(--brown);color:var(--color)}:root{--grey-0: #f6f6f6;--grey: #d7d7d7;--grey-1: #b1b1b1}:root .bg-grey-0{--background: #f6f6f6;--color-hover: var(--color);background-color:var(--background);color:#d7d7d7}:root .bg-grey-0:hover{--background-hover: #d7d7d7}:root .bg-grey-0.i-btn:hover{background:var(--background-hover);color:var(--color-hover)}:root .bg-grey{--background: var(--grey);--color: var(--black);--color-hover: var(--black);background-color:var(--background);color:var(--color)}:root .bg-grey:hover{--background-hover: #b1b1b1}:root .bg-grey.i-btn:hover{background:var(--background-hover);color:var(--color-hover)}:root .bg-grey-1{--background: #b1b1b1;--color: var(--black);--color-hover: var(--black);background-color:var(--background);color:var(--color)}:root .bg-grey-1:hover{--background-hover: #d7d7d7}:root .bg-grey-1.i-btn:hover{background:var(--background-hover);color:var(--color-hover)}:root .grey-0{--color: #f6f6f6;--color-hover: var(--grey);color:var(--color)}:root .grey{--color: var(--grey);--background-hover: var(--grey-0);--color-hover: var(--grey);color:var(--color)}:root .grey-1{--color: #b1b1b1;--color-hover: var(--grey);color:var(--color)}:root{--pink-0: #ffe3f1;--pink: #ff69b4;--pink-1: #ff55aa}:root .bg-pink-0{--background: #ffe3f1;--color-hover: var(--color);background-color:var(--background);color:#ff69b4}:root .bg-pink-0:hover{--background-hover: #ff69b4}:root .bg-pink-0.i-btn:hover{background:var(--background-hover);color:var(--color-hover)}:root .bg-pink{--background: var(--pink);--color: var(--white);--color-hover: var(--white);background-color:var(--background);color:var(--color)}:root .bg-pink:hover{--background-hover: #ff55aa}:root .bg-pink.i-btn:hover{background:var(--background-hover);color:var(--color-hover)}:root .bg-pink-1{--background: #ff55aa;--color: var(--white);--color-hover: var(--white);background-color:var(--background);color:var(--color)}:root .bg-pink-1:hover{--background-hover: #ff69b4}:root .bg-pink-1.i-btn:hover{background:var(--background-hover);color:var(--color-hover)}:root .pink-0{--color: #ffe3f1;--color-hover: var(--pink);color:var(--color)}:root .pink{--color: var(--pink);--background-hover: var(--pink-0);--color-hover: var(--pink);color:var(--color)}:root .pink-1{--color: #ff55aa;--color-hover: var(--pink);color:var(--color)}:root{--purple-0: #eddefb;--purple: #8a2be2;--purple-1: #751bc9}:root .bg-purple-0{--background: #eddefb;--color-hover: var(--color);background-color:var(--background);color:#8a2be2}:root .bg-purple-0:hover{--background-hover: #8a2be2}:root .bg-purple-0.i-btn:hover{background:var(--background-hover);color:var(--color-hover)}:root .bg-purple{--background: var(--purple);--color: var(--white);--color-hover: var(--white);background-color:var(--background);color:var(--color)}:root .bg-purple:hover{--background-hover: #751bc9}:root .bg-purple.i-btn:hover{background:var(--background-hover);color:var(--color-hover)}:root .bg-purple-1{--background: #751bc9;--color: var(--white);--color-hover: var(--white);background-color:var(--background);color:var(--color)}:root .bg-purple-1:hover{--background-hover: #8a2be2}:root .bg-purple-1.i-btn:hover{background:var(--background-hover);color:var(--color-hover)}:root .purple-0{--color: #eddefb;--color-hover: var(--purple);color:var(--color)}:root .purple{--color: var(--purple);--background-hover: var(--purple-0);--color-hover: var(--purple);color:var(--color)}:root .purple-1{--color: #751bc9;--color-hover: var(--purple);color:var(--color)}:root{--aqua-0: #e8ffff;--aqua: aqua;--aqua-1: #1efdfd}:root .bg-aqua-0{--background: #e8ffff;--color-hover: var(--color);background-color:var(--background);color:aqua}:root .bg-aqua-0:hover{--background-hover: aqua}:root .bg-aqua-0.i-btn:hover{background:var(--background-hover);color:var(--color-hover)}:root .bg-aqua{--background: var(--aqua);--color: var(--black);--color-hover: var(--black);background-color:var(--background);color:var(--color)}:root .bg-aqua:hover{--background-hover: #1efdfd}:root .bg-aqua.i-btn:hover{background:var(--background-hover);color:var(--color-hover)}:root .bg-aqua-1{--background: #1efdfd;--color: var(--black);--color-hover: var(--black);background-color:var(--background);color:var(--color)}:root .bg-aqua-1:hover{--background-hover: aqua}:root .bg-aqua-1.i-btn:hover{background:var(--background-hover);color:var(--color-hover)}:root .aqua-0{--color: #e8ffff;--color-hover: var(--aqua);color:var(--color)}:root .aqua{--color: var(--aqua);--background-hover: var(--aqua-0);--color-hover: var(--aqua);color:var(--color)}:root .aqua-1{--color: #1efdfd;--color-hover: var(--aqua);color:var(--color)}:root{--orange-0: #fff1e8;--orange: #fb812a;--orange-1: #eb7521}:root .bg-orange-0{--background: #fff1e8;--color-hover: var(--color);background-color:var(--background);color:#fb812a}:root .bg-orange-0:hover{--background-hover: #fb812a}:root .bg-orange-0.i-btn:hover{background:var(--background-hover);color:var(--color-hover)}:root .bg-orange{--background: var(--orange);--color: var(--white);--color-hover: var(--white);background-color:var(--background);color:var(--color)}:root .bg-orange:hover{--background-hover: #eb7521}:root .bg-orange.i-btn:hover{background:var(--background-hover);color:var(--color-hover)}:root .bg-orange-1{--background: #eb7521;--color: var(--white);--color-hover: var(--white);background-color:var(--background);color:var(--color)}:root .bg-orange-1:hover{--background-hover: #fb812a}:root .bg-orange-1.i-btn:hover{background:var(--background-hover);color:var(--color-hover)}:root .orange-0{--color: #fff1e8;--color-hover: var(--orange);color:var(--color)}:root .orange{--color: var(--orange);--background-hover: var(--orange-0);--color-hover: var(--orange);color:var(--color)}:root .orange-1{--color: #eb7521;--color-hover: var(--orange);color:var(--color)}:root{--warning-0: #fff0bf;--warning: #ffb01f;--warning-1: #f0a313}:root .bg-warning-0{--background: #fff0bf;--color-hover: var(--color);background-color:var(--background);color:#ffb01f}:root .bg-warning-0:hover{--background-hover: #ffb01f}:root .bg-warning-0.i-btn:hover{background:var(--background-hover);color:var(--color-hover)}:root .bg-warning{--background: var(--warning);--color: var(--black);--color-hover: var(--black);background-color:var(--background);color:var(--color)}:root .bg-warning:hover{--background-hover: #f0a313}:root .bg-warning.i-btn:hover{background:var(--background-hover);color:var(--color-hover)}:root .bg-warning-1{--background: #f0a313;--color: var(--black);--color-hover: var(--black);background-color:var(--background);color:var(--color)}:root .bg-warning-1:hover{--background-hover: #ffb01f}:root .bg-warning-1.i-btn:hover{background:var(--background-hover);color:var(--color-hover)}:root .warning-0{--color: #fff0bf;--color-hover: var(--warning);color:var(--color)}:root .warning{--color: var(--warning);--background-hover: var(--warning-0);--color-hover: var(--warning);color:var(--color)}:root .warning-1{--color: #f0a313;--color-hover: var(--warning);color:var(--color)}:root{--error-0: #ffdbdb;--error: #ff4545;--error-1: #f13636}:root .bg-error-0{--background: #ffdbdb;--color-hover: var(--color);background-color:var(--background);color:#ff4545}:root .bg-error-0:hover{--background-hover: #ff4545}:root .bg-error-0.i-btn:hover{background:var(--background-hover);color:var(--color-hover)}:root .bg-error{--background: var(--error);--color: var(--white);--color-hover: var(--white);background-color:var(--background);color:var(--color)}:root .bg-error:hover{--background-hover: #f13636}:root .bg-error.i-btn:hover{background:var(--background-hover);color:var(--color-hover)}:root .bg-error-1{--background: #f13636;--color: var(--white);--color-hover: var(--white);background-color:var(--background);color:var(--color)}:root .bg-error-1:hover{--background-hover: #ff4545}:root .bg-error-1.i-btn:hover{background:var(--background-hover);color:var(--color-hover)}:root .error-0{--color: #ffdbdb;--color-hover: var(--error);color:var(--color)}:root .error{--color: var(--error);--background-hover: var(--error-0);--color-hover: var(--error);color:var(--color)}:root .error-1{--color: #f13636;--color-hover: var(--error);color:var(--color)}:root{--success-0: #acf899;--success: #52e12e;--success-1: #4ad926}:root .bg-success-0{--background: #acf899;--color-hover: var(--color);background-color:var(--background);color:#52e12e}:root .bg-success-0:hover{--background-hover: #52e12e}:root .bg-success-0.i-btn:hover{background:var(--background-hover);color:var(--color-hover)}:root .bg-success{--background: var(--success);--color: var(--white);--color-hover: var(--white);background-color:var(--background);color:var(--color)}:root .bg-success:hover{--background-hover: #4ad926}:root .bg-success.i-btn:hover{background:var(--background-hover);color:var(--color-hover)}:root .bg-success-1{--background: #4ad926;--color: var(--white);--color-hover: var(--white);background-color:var(--background);color:var(--color)}:root .bg-success-1:hover{--background-hover: #52e12e}:root .bg-success-1.i-btn:hover{background:var(--background-hover);color:var(--color-hover)}:root .success-0{--color: #acf899;--color-hover: var(--success);color:var(--color)}:root .success{--color: var(--success);--background-hover: var(--success-0);--color-hover: var(--success);color:var(--color)}:root .success-1{--color: #4ad926;--color-hover: var(--success);color:var(--color)}.bg-slight{background-color:var(--color-9);color:var(--black)}.slight{color:var(--color-8)}.theme-dark{--background: #313131;--background-1: #3a3a3a;--background-opacity: #313131a6;--background-opacity-1: #313131aa;--background-opacity-2: #2a2a2aca;--color: #fff;--color-main: #6cc73b;--color-main-0: #313d2b;--color-main-1: #69d62f;--color-main-2: #53b320;--color-main-reverse: #212121;--dim: rgba(0, 0, 0, 0.25);--shadow: 0px 4px 12px var(--dim);background:var(--background);color:var(--color);--color-0: white}.theme-dark .color-0{color:var(--color-0)}.theme-dark .bg-0{--background: var(--color-0);background:var(--background);color:var(--black)}.theme-dark{--color-1: rgb(233.325, 233.325, 233.325)}.theme-dark .color-1{color:var(--color-1)}.theme-dark .bg-1{--background: var(--color-1);background:var(--background);color:var(--black)}.theme-dark{--color-2: rgb(211.65, 211.65, 211.65)}.theme-dark .color-2{color:var(--color-2)}.theme-dark .bg-2{--background: var(--color-2);background:var(--background);color:var(--black)}.theme-dark{--color-3: rgb(189.975, 189.975, 189.975)}.theme-dark .color-3{color:var(--color-3)}.theme-dark .bg-3{--background: var(--color-3);background:var(--background);color:var(--black)}.theme-dark{--color-4: rgb(168.3, 168.3, 168.3)}.theme-dark .color-4{color:var(--color-4)}.theme-dark .bg-4{--background: var(--color-4);background:var(--background);color:var(--black)}.theme-dark{--color-5: rgb(146.625, 146.625, 146.625)}.theme-dark .color-5{color:var(--color-5)}.theme-dark .bg-5{--background: var(--color-5);background:var(--background)}.theme-dark{--color-6: rgb(124.95, 124.95, 124.95)}.theme-dark .color-6{color:var(--color-6)}.theme-dark .bg-6{--background: var(--color-6);background:var(--background)}.theme-dark{--color-7: rgb(103.275, 103.275, 103.275)}.theme-dark .color-7{color:var(--color-7)}.theme-dark .bg-7{--background: var(--color-7);background:var(--background)}.theme-dark{--color-8: rgb(81.6, 81.6, 81.6)}.theme-dark .color-8{color:var(--color-8)}.theme-dark .bg-8{--background: var(--color-8);background:var(--background)}.theme-dark{--color-9: rgb(59.925, 59.925, 59.925)}.theme-dark .color-9{color:var(--color-9)}.theme-dark .bg-9{--background: var(--color-9);background:var(--background)}.theme-dark .bg-slight{color:var(--white)}.theme-dark code,.theme-dark .code{background:var(--color-8)}.theme-dark .bg-white-0{--background: #393939}.theme-dark .white-0{--color: #393939}.theme-dark .white{--background-hover: #393939}.theme-dark .bg-black-0{--background: #6d6d6d}.theme-dark .black-0{--color: #6d6d6d}.theme-dark .black{--background-hover: #6d6d6d}.theme-dark .bg-red-0{--background: #4d3232}.theme-dark .red-0{--color: #4d3232}.theme-dark .red{--background-hover: #4d3232}.theme-dark .bg-blue-0{--background: #2d4467}.theme-dark .blue-0{--color: #2d4467}.theme-dark .blue{--background-hover: #2d4467}.theme-dark .bg-green-0{--background: #114911}.theme-dark .green-0{--color: #114911}.theme-dark .green{--background-hover: #114911}.theme-dark .bg-yellow-0{--background: #4b421f}.theme-dark .yellow-0{--color: #4b421f}.theme-dark .yellow{--background-hover: #4b421f}.theme-dark .bg-brown-0{--background: #3b2d2d}.theme-dark .brown-0{--color: #3b2d2d}.theme-dark .brown{--background-hover: #3b2d2d}.theme-dark .bg-grey-0{--background: #414141}.theme-dark .grey-0{--color: #414141}.theme-dark .grey{--background-hover: #414141}.theme-dark .bg-pink-0{--background: #56474f}.theme-dark .pink-0{--color: #56474f}.theme-dark .pink{--background-hover: #56474f}.theme-dark .bg-purple-0{--background: #372337}.theme-dark .purple-0{--color: #372337}.theme-dark .purple{--background-hover: #372337}.theme-dark .bg-aqua-0{--background: #1e3d3d}.theme-dark .aqua-0{--color: #1e3d3d}.theme-dark .aqua{--background-hover: #1e3d3d}.theme-dark .bg-orange-0{--background: #473514}.theme-dark .orange-0{--color: #473514}.theme-dark .orange{--background-hover: #473514}.theme-dark .bg-warning-0{--background: #4b3e13}.theme-dark .warning-0{--color: #4b3e13}.theme-dark .warning{--background-hover: #4b3e13}.theme-dark .bg-error-0{--background: #533535}.theme-dark .error-0{--color: #533535}.theme-dark .error{--background-hover: #533535}.theme-dark .bg-success-0{--background: #123b08}.theme-dark .success-0{--color: #123b08}.theme-dark .success{--background-hover: #123b08}@media(prefers-color-scheme: dark){.theme-auto{--background: #313131;--background-1: #3a3a3a;--background-opacity: #313131a6;--background-opacity-1: #313131aa;--background-opacity-2: #2a2a2aca;--color: #fff;--color-main: #6cc73b;--color-main-0: #313d2b;--color-main-1: #69d62f;--color-main-2: #53b320;--color-main-reverse: #212121;--dim: rgba(0, 0, 0, 0.25);--shadow: 0px 4px 12px var(--dim);background:var(--background);color:var(--color);--color-0: white}.theme-auto .color-0{color:var(--color-0)}.theme-auto .bg-0{--background: var(--color-0);background:var(--background);color:var(--black)}.theme-auto{--color-1: rgb(233.325, 233.325, 233.325)}.theme-auto .color-1{color:var(--color-1)}.theme-auto .bg-1{--background: var(--color-1);background:var(--background);color:var(--black)}.theme-auto{--color-2: rgb(211.65, 211.65, 211.65)}.theme-auto .color-2{color:var(--color-2)}.theme-auto .bg-2{--background: var(--color-2);background:var(--background);color:var(--black)}.theme-auto{--color-3: rgb(189.975, 189.975, 189.975)}.theme-auto .color-3{color:var(--color-3)}.theme-auto .bg-3{--background: var(--color-3);background:var(--background);color:var(--black)}.theme-auto{--color-4: rgb(168.3, 168.3, 168.3)}.theme-auto .color-4{color:var(--color-4)}.theme-auto .bg-4{--background: var(--color-4);background:var(--background);color:var(--black)}.theme-auto{--color-5: rgb(146.625, 146.625, 146.625)}.theme-auto .color-5{color:var(--color-5)}.theme-auto .bg-5{--background: var(--color-5);background:var(--background)}.theme-auto{--color-6: rgb(124.95, 124.95, 124.95)}.theme-auto .color-6{color:var(--color-6)}.theme-auto .bg-6{--background: var(--color-6);background:var(--background)}.theme-auto{--color-7: rgb(103.275, 103.275, 103.275)}.theme-auto .color-7{color:var(--color-7)}.theme-auto .bg-7{--background: var(--color-7);background:var(--background)}.theme-auto{--color-8: rgb(81.6, 81.6, 81.6)}.theme-auto .color-8{color:var(--color-8)}.theme-auto .bg-8{--background: var(--color-8);background:var(--background)}.theme-auto{--color-9: rgb(59.925, 59.925, 59.925)}.theme-auto .color-9{color:var(--color-9)}.theme-auto .bg-9{--background: var(--color-9);background:var(--background)}.theme-auto .bg-slight{color:var(--white)}.theme-auto code,.theme-auto .code{background:var(--color-8)}.theme-auto .bg-white-0{--background: #393939}.theme-auto .white-0{--color: #393939}.theme-auto .white{--background-hover: #393939}.theme-auto .bg-black-0{--background: #6d6d6d}.theme-auto .black-0{--color: #6d6d6d}.theme-auto .black{--background-hover: #6d6d6d}.theme-auto .bg-red-0{--background: #4d3232}.theme-auto .red-0{--color: #4d3232}.theme-auto .red{--background-hover: #4d3232}.theme-auto .bg-blue-0{--background: #2d4467}.theme-auto .blue-0{--color: #2d4467}.theme-auto .blue{--background-hover: #2d4467}.theme-auto .bg-green-0{--background: #114911}.theme-auto .green-0{--color: #114911}.theme-auto .green{--background-hover: #114911}.theme-auto .bg-yellow-0{--background: #4b421f}.theme-auto .yellow-0{--color: #4b421f}.theme-auto .yellow{--background-hover: #4b421f}.theme-auto .bg-brown-0{--background: #3b2d2d}.theme-auto .brown-0{--color: #3b2d2d}.theme-auto .brown{--background-hover: #3b2d2d}.theme-auto .bg-grey-0{--background: #414141}.theme-auto .grey-0{--color: #414141}.theme-auto .grey{--background-hover: #414141}.theme-auto .bg-pink-0{--background: #56474f}.theme-auto .pink-0{--color: #56474f}.theme-auto .pink{--background-hover: #56474f}.theme-auto .bg-purple-0{--background: #372337}.theme-auto .purple-0{--color: #372337}.theme-auto .purple{--background-hover: #372337}.theme-auto .bg-aqua-0{--background: #1e3d3d}.theme-auto .aqua-0{--color: #1e3d3d}.theme-auto .aqua{--background-hover: #1e3d3d}.theme-auto .bg-orange-0{--background: #473514}.theme-auto .orange-0{--color: #473514}.theme-auto .orange{--background-hover: #473514}.theme-auto .bg-warning-0{--background: #4b3e13}.theme-auto .warning-0{--color: #4b3e13}.theme-auto .warning{--background-hover: #4b3e13}.theme-auto .bg-error-0{--background: #533535}.theme-auto .error-0{--color: #533535}.theme-auto .error{--background-hover: #533535}.theme-auto .bg-success-0{--background: #123b08}.theme-auto .success-0{--color: #123b08}.theme-auto .success{--background-hover: #123b08}}

package/lib/types/components/affix/affix.d.ts

@@ -1,7 +0,0 @@
-import { default as ToTop } from './totop';
-import { IAffix } from './type';
-declare const Affix: {
-    (props: IAffix): import("react/jsx-runtime").JSX.Element;
-    ToTop: typeof ToTop;
-};
-export default Affix;

package/lib/types/components/affix/index.d.ts

@@ -1,2 +0,0 @@
-import { default as Affix } from './affix';
-export default Affix;

package/lib/types/components/affix/totop.d.ts

@@ -1,3 +0,0 @@
-import { IAffix } from './type';
-declare function ToTop(props: IAffix): import("react/jsx-runtime").JSX.Element;
-export default ToTop;

package/lib/types/components/affix/type.d.ts

@@ -1,10 +0,0 @@
-import { HTMLAttributes } from 'react';
-export interface IAffix extends HTMLAttributes<HTMLElement> {
-    position?: "fixed" | "absolute" | "sticky" | "static";
-    left?: string | number;
-    top?: string | number;
-    right?: string | number;
-    bottom?: string | number;
-    offset?: number;
-    getContainer?: () => HTMLElement | null;
-}

package/lib/types/components/area/area.d.ts

@@ -1,3 +0,0 @@
-import { CompositionArea } from './type';
-declare const Area: CompositionArea;
-export default Area;

package/lib/types/components/area/index.d.ts

@@ -1,2 +0,0 @@
-import { default as Area } from './area';
-export default Area;

package/lib/types/components/area/item.d.ts

@@ -1,3 +0,0 @@
-import { IAreaItem } from './type';
-declare function Item(props: IAreaItem): import("react/jsx-runtime").JSX.Element;
-export default Item;

package/lib/types/components/area/type.d.ts

@@ -1,12 +0,0 @@
-import { ForwardRefExoticComponent, HTMLAttributes, RefAttributes } from 'react';
-import { default as Item } from './item';
-export interface IArea extends HTMLAttributes<HTMLDivElement> {
-    layout?: "ltcb" | "tlrb";
-}
-export interface IAreaItem extends HTMLAttributes<HTMLDivElement> {
-    name?: string;
-    ref?: React.Ref<HTMLDivElement>;
-}
-export interface CompositionArea extends ForwardRefExoticComponent<IArea & RefAttributes<HTMLDivElement>> {
-    Item: typeof Item;
-}

package/lib/types/components/badge/badge.d.ts

@@ -1,3 +0,0 @@
-import { IBadge } from './type';
-declare const Badge: (props: IBadge) => import("react/jsx-runtime").JSX.Element;
-export default Badge;

package/lib/types/components/badge/index.d.ts

@@ -1,2 +0,0 @@
-import { default as Badge } from './badge';
-export default Badge;

package/lib/types/components/badge/type.d.ts

@@ -1,12 +0,0 @@
-import { CSSProperties, ReactNode } from 'react';
-export interface IBadge {
-    content?: ReactNode;
-    contentClass?: string;
-    dot?: boolean;
-    dotSize?: string | number;
-    round?: boolean;
-    disabled?: boolean;
-    className?: string;
-    style?: CSSProperties;
-    children?: ReactNode;
-}

package/lib/types/components/button/button.d.ts

@@ -1,3 +0,0 @@
-import { CompositionButton } from './type';
-declare const _default: CompositionButton;
-export default _default;

package/lib/types/components/button/confirm.d.ts

@@ -1,2 +0,0 @@
-import { IButtonConfirm } from './type';
-export default function Confirm(props: IButtonConfirm): import("react/jsx-runtime").JSX.Element;

package/lib/types/components/button/group.d.ts

@@ -1,2 +0,0 @@
-import { IButtonGroup } from './type';
-export default function Group(props: IButtonGroup): import("react/jsx-runtime").JSX.Element;

package/lib/types/components/button/index.d.ts

@@ -1,2 +0,0 @@
-import { default as Button } from './button';
-export default Button;

package/lib/types/components/button/toggle.d.ts

@@ -1,2 +0,0 @@
-import { IButtonToggle } from './type';
-export default function Toggle(props: IButtonToggle): import("react/jsx-runtime").JSX.Element;

package/lib/types/components/button/type.d.ts

@@ -1,51 +0,0 @@
-import { AnchorHTMLAttributes, ButtonHTMLAttributes, CSSProperties, ForwardRefExoticComponent, ReactNode, RefAttributes, RefObject } from 'react';
-import { LinkProps } from 'react-router';
-import { default as Confirm } from './confirm';
-import { default as Group } from './group';
-import { default as Toggle } from './toggle';
-interface BaseButtonProps {
-    as?: "a" | "button" | ForwardRefExoticComponent<LinkProps & RefAttributes<HTMLAnchorElement>>;
-    ref?: RefObject<HTMLElement | null>;
-    children?: ReactNode | string;
-    className?: string;
-    loading?: boolean;
-    flat?: boolean;
-    outline?: boolean;
-    square?: boolean;
-    size?: "mini" | "small" | "normal" | "large" | "extreme";
-    disabled?: boolean;
-    block?: boolean;
-    round?: boolean;
-    ripple?: boolean;
-    secondary?: boolean;
-}
-export interface IButton extends BaseButtonProps, Omit<ButtonHTMLAttributes<HTMLElement>, "type" | "onToggle">, Omit<AnchorHTMLAttributes<HTMLElement>, "onToggle"> {
-}
-export interface IButtonToggle extends IButton {
-    active?: boolean;
-    activeClass?: string;
-    after?: ReactNode;
-    disabled?: boolean;
-    toggable?: () => boolean | Promise<boolean>;
-    onToggle?: (active: boolean) => void;
-}
-export interface IButtonConfirm extends IButton {
-    defaultActive?: boolean;
-    okButtonProps?: IButton;
-    cancelButtonProps?: IButton;
-    onOk?: () => void | boolean | Promise<void | boolean>;
-    onCancel?: () => void;
-}
-export interface IButtonGroup {
-    children?: ReactNode;
-    vertical?: boolean;
-    buttonProps?: IButton;
-    className?: string;
-    style?: CSSProperties;
-}
-export interface CompositionButton extends ForwardRefExoticComponent<IButton & RefAttributes<HTMLElement>> {
-    Toggle: typeof Toggle;
-    Group: typeof Group;
-    Confirm: typeof Confirm;
-}
-export {};

package/lib/types/components/card/card.d.ts

@@ -1,3 +0,0 @@
-import { ICard } from './type';
-declare const Card: (props: ICard) => import("react/jsx-runtime").JSX.Element;
-export default Card;

package/lib/types/components/card/index.d.ts

@@ -1,2 +0,0 @@
-import { default as Card } from './card';
-export default Card;

package/lib/types/components/card/type.d.ts

@@ -1,10 +0,0 @@
-import { CSSProperties, HTMLAttributes, ReactNode } from 'react';
-export interface ICard extends HTMLAttributes<HTMLDivElement> {
-    hideShadow?: boolean;
-    border?: boolean;
-    style?: CSSProperties;
-    className?: string;
-    children?: ReactNode;
-    header?: ReactNode;
-    footer?: ReactNode;
-}

package/lib/types/components/checkbox/checkbox.d.ts

@@ -1,7 +0,0 @@
-import { default as CheckboxItem } from './item';
-import { ICheckbox } from './type';
-declare function Checkbox(props: ICheckbox): import("react/jsx-runtime").JSX.Element;
-declare namespace Checkbox {
-    var Item: typeof CheckboxItem;
-}
-export default Checkbox;

package/lib/types/components/checkbox/index.d.ts

@@ -1,2 +0,0 @@
-import { default as Checkbox } from './checkbox';
-export default Checkbox;

package/lib/types/components/checkbox/item.d.ts

@@ -1,2 +0,0 @@
-import { ICheckboxItem } from './type';
-export default function CheckboxItem(props: ICheckboxItem): import("react/jsx-runtime").JSX.Element;

package/lib/types/components/checkbox/type.d.ts

@@ -1,22 +0,0 @@
-import { ChangeEvent, InputHTMLAttributes, ReactNode } from 'react';
-import { TOption, TValidate } from '../../type';
-type TRenderCheckboxItem = (checked: boolean, value: any) => ReactNode;
-export interface ICheckbox extends Omit<InputHTMLAttributes<HTMLInputElement>, "onChange">, TValidate {
-    label?: ReactNode;
-    options: TOption[] | (string | number)[];
-    type?: "default" | "switch" | "button";
-    optionInline?: boolean;
-    labelInline?: boolean;
-    renderItem?: TRenderCheckboxItem;
-    onChange?: (value: any[], option: TOption, e: ChangeEvent<HTMLInputElement>) => void;
-}
-export interface ICheckboxItem extends Omit<InputHTMLAttributes<HTMLElement>, "value" | "children" | "onChange">, TValidate {
-    type?: "default" | "switch" | "button";
-    label?: ReactNode;
-    value?: boolean;
-    optionValue?: any;
-    partof?: boolean;
-    children?: ReactNode | TRenderCheckboxItem;
-    onChange?: (value: boolean, e: ChangeEvent<HTMLInputElement>) => void;
-}
-export {};

package/lib/types/components/collapse/collapse.d.ts

@@ -1,7 +0,0 @@
-import { default as Item } from './item';
-import { ICollapse } from './type';
-declare const Collapse: {
-    (props: ICollapse): import("react/jsx-runtime").JSX.Element;
-    Item: typeof Item;
-};
-export default Collapse;

package/lib/types/components/collapse/index.d.ts

@@ -1,2 +0,0 @@
-import { default as Collapse } from './collapse';
-export default Collapse;

package/lib/types/components/collapse/item.d.ts

@@ -1,2 +0,0 @@
-import { ICollapseItem } from './type';
-export default function Item(props: ICollapseItem): import("react/jsx-runtime").JSX.Element;

package/lib/types/components/collapse/type.d.ts

@@ -1,20 +0,0 @@
-import { CSSProperties, HTMLAttributes, ReactNode } from 'react';
-export type TKey = string | number;
-export interface ICollapse extends HTMLAttributes<HTMLDivElement> {
-    active?: TKey | TKey[];
-    items?: ICollapseItem[];
-    multiple?: boolean;
-    border?: boolean;
-    headerClickable?: boolean;
-    renderToggle?: (active: boolean) => ReactNode;
-    onCollapse?: (key: TKey, active: boolean) => void;
-}
-export interface ICollapseItem {
-    key?: TKey;
-    title?: ReactNode;
-    content?: ReactNode;
-    disabled?: boolean;
-    children?: ReactNode;
-    className?: string;
-    style?: CSSProperties;
-}

package/lib/types/components/datagrid/cell.d.ts

@@ -1,13 +0,0 @@
-import { ICell, IColumn } from './type';
-export declare function getCellStyle({ justify, col, row, colSpan, rowSpan, }: Pick<IColumn, "justify" | "fixed"> & {
-    col: number;
-    row: number;
-    colSpan?: number;
-    rowSpan?: number;
-    isHeader?: boolean;
-}): {
-    "--datagrid-justify": string;
-    gridArea: string;
-    insetInline: string;
-};
-export declare function Cell(props: ICell): import("react/jsx-runtime").JSX.Element;

package/lib/types/components/datagrid/datagrid.d.ts

@@ -1,3 +0,0 @@
-import { IDatagrid } from './type';
-declare const Datagrid: (props: IDatagrid) => import("react/jsx-runtime").JSX.Element;
-export default Datagrid;

package/lib/types/components/datagrid/index.d.ts

@@ -1,2 +0,0 @@
-import { default as Datagrid } from './datagrid';
-export default Datagrid;

package/lib/types/components/datagrid/resize.d.ts

@@ -1 +0,0 @@
-export default function Resize(props: any): import("react/jsx-runtime").JSX.Element;

package/lib/types/components/datagrid/row.d.ts

@@ -1,3 +0,0 @@
-import { IHeader, IRow } from './type';
-export default function Row(props: IRow): import("react/jsx-runtime").JSX.Element;
-export declare function Header(props: IHeader): import("react/jsx-runtime").JSX.Element;

package/lib/types/components/datagrid/sorter.d.ts

@@ -1 +0,0 @@
-export default function Sorter(props: any): import("react/jsx-runtime").JSX.Element;

package/lib/types/components/datagrid/type.d.ts

@@ -1,61 +0,0 @@
-import { CSSProperties, MouseEvent, ReactNode } from 'react';
-export type IData = Record<string, any>;
-type TSort = {
-    sortBy: string;
-    sortType: string;
-};
-export interface IColumn {
-    id: string;
-    title?: ReactNode;
-    sorter?: boolean;
-    justify?: string;
-    rowSpan?: number;
-    colSpan?: number;
-    width?: string;
-    fixed?: "left" | "right";
-    render?: (value?: any, data?: IData, row?: number, col?: number) => ReactNode;
-    renderHeader?: (column?: IColumn, col?: number) => ReactNode;
-}
-export interface IDatagrid {
-    data: IData[];
-    columns?: IColumn[];
-    border?: boolean;
-    striped?: boolean;
-    header?: boolean;
-    resizable?: boolean;
-    loading?: boolean;
-    empty?: ReactNode;
-    cellPadding?: string | number;
-    cellEllipsis?: boolean;
-    height?: number | string;
-    style?: CSSProperties;
-    className?: string;
-    renderLoading?: () => ReactNode;
-    onRowClick?: (data?: IData, row?: number) => void;
-    onCellClick?: (data?: IData, column?: IColumn, row?: number, col?: number, e?: MouseEvent) => void;
-    onCellDoubleClick?: (data?: IData, column?: IColumn, row?: number, col?: number, e?: MouseEvent) => void;
-    onHeaderClick?: (column?: IColumn, e?: MouseEvent) => void;
-    onSort?: (sortBy: string, sortType: string) => void;
-    onScroll?: (e: MouseEvent) => void;
-    onResize?: (column?: IColumn, width?: number) => void;
-}
-export interface IRow extends Pick<IDatagrid, "cellEllipsis" | "onCellClick" | "onCellDoubleClick" | "onRowClick" | "onHeaderClick"> {
-    data: IData;
-    columns: IColumn[];
-    row: number;
-}
-export interface ICell extends Pick<IDatagrid, "cellEllipsis" | "onCellClick" | "onCellDoubleClick"> {
-    column: IColumn;
-    data: IData;
-    row: number;
-    col: number;
-}
-export interface IHeader extends Omit<IRow, "data" | "row">, TSort {
-    resizable?: boolean;
-    onWidthChange: (i: number, width: number) => void;
-}
-export type TDatagridState = {
-    rows: IData[];
-    widths: (number | string)[];
-} & TSort;
-export {};

package/lib/types/components/description/description.d.ts

@@ -1,3 +0,0 @@
-import { IDescription } from './type';
-declare const Description: (props: IDescription) => import("react/jsx-runtime").JSX.Element;
-export default Description;

package/lib/types/components/description/index.d.ts

@@ -1,2 +0,0 @@
-import { default as Description } from './description';
-export default Description;

package/lib/types/components/description/type.d.ts

@@ -1,23 +0,0 @@
-import { CSSProperties, ReactNode } from 'react';
-type IData = {
-    label: ReactNode;
-    value: ReactNode;
-    colSpan?: number;
-    rowSpan?: number;
-    hidden?: boolean;
-    style?: CSSProperties;
-};
-export interface IDescription {
-    data: IData[];
-    align?: string;
-    colon?: ReactNode;
-    gap?: string | number;
-    equally?: boolean;
-    columns?: number;
-    vertical?: boolean;
-    labelWidth?: string | number;
-    labelAlign?: "left" | "right" | "center" | "justify";
-    style?: CSSProperties;
-    className?: string;
-}
-export {};

package/lib/types/components/drawer/drawer.d.ts

@@ -1,3 +0,0 @@
-import { IDrawer } from './type';
-declare function Drawer(props: IDrawer): any;
-export default Drawer;

package/lib/types/components/drawer/index.d.ts

@@ -1,2 +0,0 @@
-import { default as Drawer } from './drawer';
-export default Drawer;

package/lib/types/components/drawer/type.d.ts

@@ -1,13 +0,0 @@
-import { HTMLAttributes, ReactNode } from 'react';
-export interface IDrawer extends HTMLAttributes<HTMLDivElement> {
-    visible?: boolean;
-    position?: "top" | "left" | "right" | "bottom";
-    header?: ReactNode;
-    footer?: ReactNode;
-    hideCloseButton?: boolean;
-    backdropClosable?: boolean;
-    keepDOM?: boolean;
-    disabledEsc?: boolean;
-    onVisibleChange?: (visible: boolean) => void;
-    onClose?: () => void;
-}

package/lib/types/components/dropdown/dropdown.d.ts

@@ -1,6 +0,0 @@
-import { IDropdown } from './type';
-declare const Dropdown: {
-    (props: IDropdown): string | number | bigint | boolean | Iterable<import('react').ReactNode> | Promise<string | number | bigint | boolean | import('react').ReactPortal | import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>> | Iterable<import('react').ReactNode>> | import("react/jsx-runtime").JSX.Element;
-    Item: (props: import('./type').IDropItem) => import("react/jsx-runtime").JSX.Element;
-};
-export default Dropdown;

package/lib/types/components/dropdown/index.d.ts

@@ -1,2 +0,0 @@
-import { default as Dropdown } from './dropdown';
-export default Dropdown;

package/lib/types/components/dropdown/item.d.ts

@@ -1,3 +0,0 @@
-import { IDropItem } from './type';
-declare const Item: (props: IDropItem) => import("react/jsx-runtime").JSX.Element;
-export default Item;

package/lib/types/components/dropdown/type.d.ts

@@ -1,11 +0,0 @@
-import { ReactNode } from 'react';
-import { IListItem } from '../list/type';
-import { IPopup } from '../popup/type';
-export interface IDropdown extends Omit<IPopup, "content"> {
-    width?: string | number;
-    content?: ReactNode | ((close: () => void) => ReactNode);
-}
-export interface IDropItem extends IListItem {
-    more?: ReactNode;
-    moreProps?: IDropdown;
-}

package/lib/types/components/editor/controls.d.ts

@@ -1,5 +0,0 @@
-export declare const exec: (a: any, b?: any, c?: any) => boolean;
-export declare const xssOptions: {
-    onIgnoreTagAttr: (tag: any, name: any, value: any) => string;
-};
-export default function getControls(fns: any, options: any): any;

package/lib/types/components/editor/editor.d.ts

@@ -1,3 +0,0 @@
-import { IEditor } from './type';
-declare const Editor: (props: IEditor) => import("react/jsx-runtime").JSX.Element;
-export default Editor;

package/lib/types/components/editor/index.d.ts

@@ -1,2 +0,0 @@
-import { default as Editor } from './editor';
-export default Editor;

package/lib/types/components/editor/type.d.ts

@@ -1,17 +0,0 @@
-import { FormEvent, HTMLAttributes, RefObject } from 'react';
-export interface IEditor extends Omit<HTMLAttributes<HTMLDivElement>, "onInput"> {
-    ref?: RefObject<RefEditor | null>;
-    placeholder?: string;
-    width?: string | number;
-    height?: string | number;
-    autosize?: boolean;
-    richPaste?: boolean;
-    controls?: string[] | "simple" | "all" | "none";
-    border?: boolean;
-    onInput?: (html: string, e: FormEvent<HTMLDivElement>) => void;
-}
-export interface RefEditor {
-    input: HTMLDivElement | null;
-    getSafeValue: () => string;
-    setValue: (html: string) => void;
-}