@pixelium/web-vue 0.0.3-beta → 0.0.3

package/es/grid-item/index.js

@@ -15,7 +15,7 @@ var grid_item_default = /* @__PURE__ */ defineComponent({
 	setup(__props) {
 		var _instance$parent;
 		const instance = getCurrentInstance();
-		const provide$1 = ref((instance === null || instance === void 0 || (_instance$parent = instance.parent) === null || _instance$parent === void 0 ? void 0 : _instance$parent.type.name) === "Grid").value ? inject(GRID_PROVIDE) : void 0;
+		const provide$1 = ref((instance === null || instance === void 0 || (_instance$parent = instance.parent) === null || _instance$parent === void 0 ? void 0 : _instance$parent.type.name) === "Grid").value ? inject(GRID_PROVIDE, void 0) : void 0;
 		const props = __props;
 		const id = useId();
 		const [index] = useIndexOfChildren(GRID_UPDATE);

package/es/header/index.css

@@ -4,6 +4,7 @@
   background-color: var(--px-neutral-1);
   color: var(--px-neutral-10);
   min-height: 64px;
+  box-sizing: border-box;
 }
 .px-header__bordered {
   border-bottom: 2px solid var(--px-neutral-3);

package/es/index.css

@@ -1 +1 @@
-:root{--px-teal-light-1:#ddfaf2;--px-teal-light-2:#bce9de;--px-teal-light-3:#9bd9ca;--px-teal-light-4:#77c9b7;--px-teal-light-5:#4fb8a4;--px-teal-light-6:#00a891;--px-teal-light-7:#0b806e;--px-teal-light-8:#0e5a4e;--px-teal-light-9:#0b372f;--px-teal-light-10:#061713;--px-green-light-1:#eef2ee;--px-green-light-2:#cbe7ca;--px-green-light-3:#a7dba6;--px-green-light-4:#81cf82;--px-green-light-5:#56c25b;--px-green-light-6:#00b42a;--px-green-light-7:#22892c;--px-green-light-8:#266029;--px-green-light-9:#223922;--px-green-light-10:#181618;--px-orange-light-1:#f5eae4;--px-orange-light-2:#fad6c1;--px-orange-light-3:#fdc19e;--px-orange-light-4:#ffac79;--px-orange-light-5:#ff9550;--px-orange-light-6:#ff7d00;--px-orange-light-7:#c46723;--px-orange-light-8:#8c502a;--px-orange-light-9:#573a29;--px-orange-light-10:#252423;--px-red-light-1:#f8ebe9;--px-red-light-2:#fdd2cd;--px-red-light-3:#ffbab2;--px-red-light-4:#ffa198;--px-red-light-5:#ff857c;--px-red-light-6:#fd6860;--px-red-light-7:#c1564f;--px-red-light-8:#88443e;--px-red-light-9:#52312e;--px-red-light-10:#201e1d;--px-pink-light-1:#fadfe4;--px-pink-light-2:#fcd1da;--px-pink-light-3:#fdc4d0;--px-pink-light-4:#ffb6c6;--px-pink-light-5:#ffa8bc;--px-pink-light-6:#ff9ab2;--px-pink-light-7:#cc7e90;--px-pink-light-8:#9a6370;--px-pink-light-9:#6c4951;--px-pink-light-10:#413034;--px-neutral-light-1:#fff;--px-neutral-light-2:#fafafa;--px-neutral-light-3:#f5f5f5;--px-neutral-light-4:#f0f0f0;--px-neutral-light-5:#ebebeb;--px-neutral-light-6:#e6e6e6;--px-neutral-light-7:#c8c8c8;--px-neutral-light-8:#969696;--px-neutral-light-9:#646464;--px-neutral-light-10:#323232;--px-teal-dark-1:#071f1a;--px-teal-dark-2:#0b372f;--px-teal-dark-3:#0d5146;--px-teal-dark-4:#0d6d5e;--px-teal-dark-5:#098a77;--px-teal-dark-6:#00a891;--px-teal-dark-7:#58b8a5;--px-teal-dark-8:#84c9b9;--px-teal-dark-9:#acd9ce;--px-teal-dark-10:#d2e9e3;--px-green-dark-1:#1b1e1b;--px-green-dark-2:#223922;--px-green-dark-3:#265628;--px-green-dark-4:#26742b;--px-green-dark-5:#1e932c;--px-green-dark-6:#00b42a;--px-green-dark-7:#60c163;--px-green-dark-8:#90cc90;--px-green-dark-9:#bbd7ba;--px-green-dark-10:#e3e0e4;--px-orange-dark-1:#312925;--px-orange-dark-2:#573a29;--px-orange-dark-3:#7e4b2a;--px-orange-dark-4:#a75b28;--px-orange-dark-5:#d26c1f;--px-orange-dark-6:#ff7d00;--px-orange-dark-7:#fa9859;--px-orange-dark-8:#f2af87;--px-orange-dark-9:#e9c5b1;--px-orange-dark-10:#dcdad9;--px-red-dark-1:#2c2321;--px-red-dark-2:#52312e;--px-red-dark-3:#7a3f3a;--px-red-dark-4:#a44d47;--px-red-dark-5:#d05a53;--px-red-dark-6:#fd6860;--px-red-dark-7:#fa8980;--px-red-dark-8:#f5a79e;--px-red-dark-9:#ecc2bd;--px-red-dark-10:#e0dddc;--px-pink-dark-1:#4b363b;--px-pink-dark-2:#6c4951;--px-pink-dark-3:#8f5c68;--px-pink-dark-4:#b37080;--px-pink-dark-5:#d88598;--px-pink-dark-6:#ff9ab2;--px-pink-dark-7:#f9a8ba;--px-pink-dark-8:#f3b5c2;--px-pink-dark-9:#ebc1c9;--px-pink-dark-10:#e3cdd1;--px-neutral-dark-1:#0c0c0c;--px-neutral-dark-2:#202020;--px-neutral-dark-3:#353535;--px-neutral-dark-4:#4c4c4c;--px-neutral-dark-5:#656565;--px-neutral-dark-6:#7e7e7e;--px-neutral-dark-7:#989898;--px-neutral-dark-8:#b2b2b2;--px-neutral-dark-9:#cecece;--px-neutral-dark-10:#eaeaea;--px-primary-light-1:var(--px-teal-light-1);--px-primary-light-2:var(--px-teal-light-2);--px-primary-light-3:var(--px-teal-light-3);--px-primary-light-4:var(--px-teal-light-4);--px-primary-light-5:var(--px-teal-light-5);--px-primary-light-6:var(--px-teal-light-6);--px-primary-light-7:var(--px-teal-light-7);--px-primary-light-8:var(--px-teal-light-8);--px-primary-light-9:var(--px-teal-light-9);--px-primary-light-10:var(--px-teal-light-10);--px-success-light-1:var(--px-green-light-1);--px-success-light-2:var(--px-green-light-2);--px-success-light-3:var(--px-green-light-3);--px-success-light-4:var(--px-green-light-4);--px-success-light-5:var(--px-green-light-5);--px-success-light-6:var(--px-green-light-6);--px-success-light-7:var(--px-green-light-7);--px-success-light-8:var(--px-green-light-8);--px-success-light-9:var(--px-green-light-9);--px-success-light-10:var(--px-green-light-10);--px-warning-light-1:var(--px-orange-light-1);--px-warning-light-2:var(--px-orange-light-2);--px-warning-light-3:var(--px-orange-light-3);--px-warning-light-4:var(--px-orange-light-4);--px-warning-light-5:var(--px-orange-light-5);--px-warning-light-6:var(--px-orange-light-6);--px-warning-light-7:var(--px-orange-light-7);--px-warning-light-8:var(--px-orange-light-8);--px-warning-light-9:var(--px-orange-light-9);--px-warning-light-10:var(--px-orange-light-10);--px-danger-light-1:var(--px-red-light-1);--px-danger-light-2:var(--px-red-light-2);--px-danger-light-3:var(--px-red-light-3);--px-danger-light-4:var(--px-red-light-4);--px-danger-light-5:var(--px-red-light-5);--px-danger-light-6:var(--px-red-light-6);--px-danger-light-7:var(--px-red-light-7);--px-danger-light-8:var(--px-red-light-8);--px-danger-light-9:var(--px-red-light-9);--px-danger-light-10:var(--px-red-light-10);--px-sakura-light-1:var(--px-pink-light-1);--px-sakura-light-2:var(--px-pink-light-2);--px-sakura-light-3:var(--px-pink-light-3);--px-sakura-light-4:var(--px-pink-light-4);--px-sakura-light-5:var(--px-pink-light-5);--px-sakura-light-6:var(--px-pink-light-6);--px-sakura-light-7:var(--px-pink-light-7);--px-sakura-light-8:var(--px-pink-light-8);--px-sakura-light-9:var(--px-pink-light-9);--px-sakura-light-10:var(--px-pink-light-10);--px-primary-dark-1:var(--px-teal-dark-1);--px-primary-dark-2:var(--px-teal-dark-2);--px-primary-dark-3:var(--px-teal-dark-3);--px-primary-dark-4:var(--px-teal-dark-4);--px-primary-dark-5:var(--px-teal-dark-5);--px-primary-dark-6:var(--px-teal-dark-6);--px-primary-dark-7:var(--px-teal-dark-7);--px-primary-dark-8:var(--px-teal-dark-8);--px-primary-dark-9:var(--px-teal-dark-9);--px-primary-dark-10:var(--px-teal-dark-10);--px-success-dark-1:var(--px-green-dark-1);--px-success-dark-2:var(--px-green-dark-2);--px-success-dark-3:var(--px-green-dark-3);--px-success-dark-4:var(--px-green-dark-4);--px-success-dark-5:var(--px-green-dark-5);--px-success-dark-6:var(--px-green-dark-6);--px-success-dark-7:var(--px-green-dark-7);--px-success-dark-8:var(--px-green-dark-8);--px-success-dark-9:var(--px-green-dark-9);--px-success-dark-10:var(--px-green-dark-10);--px-warning-dark-1:var(--px-orange-dark-1);--px-warning-dark-2:var(--px-orange-dark-2);--px-warning-dark-3:var(--px-orange-dark-3);--px-warning-dark-4:var(--px-orange-dark-4);--px-warning-dark-5:var(--px-orange-dark-5);--px-warning-dark-6:var(--px-orange-dark-6);--px-warning-dark-7:var(--px-orange-dark-7);--px-warning-dark-8:var(--px-orange-dark-8);--px-warning-dark-9:var(--px-orange-dark-9);--px-warning-dark-10:var(--px-orange-dark-10);--px-danger-dark-1:var(--px-red-dark-1);--px-danger-dark-2:var(--px-red-dark-2);--px-danger-dark-3:var(--px-red-dark-3);--px-danger-dark-4:var(--px-red-dark-4);--px-danger-dark-5:var(--px-red-dark-5);--px-danger-dark-6:var(--px-red-dark-6);--px-danger-dark-7:var(--px-red-dark-7);--px-danger-dark-8:var(--px-red-dark-8);--px-danger-dark-9:var(--px-red-dark-9);--px-danger-dark-10:var(--px-red-dark-10);--px-sakura-dark-1:var(--px-pink-dark-1);--px-sakura-dark-2:var(--px-pink-dark-2);--px-sakura-dark-3:var(--px-pink-dark-3);--px-sakura-dark-4:var(--px-pink-dark-4);--px-sakura-dark-5:var(--px-pink-dark-5);--px-sakura-dark-6:var(--px-pink-dark-6);--px-sakura-dark-7:var(--px-pink-dark-7);--px-sakura-dark-8:var(--px-pink-dark-8);--px-sakura-dark-9:var(--px-pink-dark-9);--px-sakura-dark-10:var(--px-pink-dark-10);--px-primary-1:var(--px-primary-light-custom-1,var(--px-teal-light-1));--px-primary-2:var(--px-primary-light-custom-2,var(--px-teal-light-2));--px-primary-3:var(--px-primary-light-custom-3,var(--px-teal-light-3));--px-primary-4:var(--px-primary-light-custom-4,var(--px-teal-light-4));--px-primary-5:var(--px-primary-light-custom-5,var(--px-teal-light-5));--px-primary-6:var(--px-primary-light-custom-6,var(--px-teal-light-6));--px-primary-7:var(--px-primary-light-custom-7,var(--px-teal-light-7));--px-primary-8:var(--px-primary-light-custom-8,var(--px-teal-light-8));--px-primary-9:var(--px-primary-light-custom-9,var(--px-teal-light-9));--px-primary-10:var(--px-primary-light-custom-10,var(--px-teal-light-10));--px-success-1:var(--px-success-light-custom-1,var(--px-green-light-1));--px-success-2:var(--px-success-light-custom-2,var(--px-green-light-2));--px-success-3:var(--px-success-light-custom-3,var(--px-green-light-3));--px-success-4:var(--px-success-light-custom-4,var(--px-green-light-4));--px-success-5:var(--px-success-light-custom-5,var(--px-green-light-5));--px-success-6:var(--px-success-light-custom-6,var(--px-green-light-6));--px-success-7:var(--px-success-light-custom-7,var(--px-green-light-7));--px-success-8:var(--px-success-light-custom-8,var(--px-green-light-8));--px-success-9:var(--px-success-light-custom-9,var(--px-green-light-9));--px-success-10:var(--px-success-light-custom-10,var(--px-green-light-10));--px-warning-1:var(--px-warning-light-custom-1,var(--px-orange-light-1));--px-warning-2:var(--px-warning-light-custom-2,var(--px-orange-light-2));--px-warning-3:var(--px-warning-light-custom-3,var(--px-orange-light-3));--px-warning-4:var(--px-warning-light-custom-4,var(--px-orange-light-4));--px-warning-5:var(--px-warning-light-custom-5,var(--px-orange-light-5));--px-warning-6:var(--px-warning-light-custom-6,var(--px-orange-light-6));--px-warning-7:var(--px-warning-light-custom-7,var(--px-orange-light-7));--px-warning-8:var(--px-warning-light-custom-8,var(--px-orange-light-8));--px-warning-9:var(--px-warning-light-custom-9,var(--px-orange-light-9));--px-warning-10:var(--px-warning-light-custom-10,var(--px-orange-light-10));--px-danger-1:var(--px-danger-light-custom-1,var(--px-red-light-1));--px-danger-2:var(--px-danger-light-custom-2,var(--px-red-light-2));--px-danger-3:var(--px-danger-light-custom-3,var(--px-red-light-3));--px-danger-4:var(--px-danger-light-custom-4,var(--px-red-light-4));--px-danger-5:var(--px-danger-light-custom-5,var(--px-red-light-5));--px-danger-6:var(--px-danger-light-custom-6,var(--px-red-light-6));--px-danger-7:var(--px-danger-light-custom-7,var(--px-red-light-7));--px-danger-8:var(--px-danger-light-custom-8,var(--px-red-light-8));--px-danger-9:var(--px-danger-light-custom-9,var(--px-red-light-9));--px-danger-10:var(--px-danger-light-custom-10,var(--px-red-light-10));--px-sakura-1:var(--px-sakura-light-custom-1,var(--px-pink-light-1));--px-sakura-2:var(--px-sakura-light-custom-2,var(--px-pink-light-2));--px-sakura-3:var(--px-sakura-light-custom-3,var(--px-pink-light-3));--px-sakura-4:var(--px-sakura-light-custom-4,var(--px-pink-light-4));--px-sakura-5:var(--px-sakura-light-custom-5,var(--px-pink-light-5));--px-sakura-6:var(--px-sakura-light-custom-6,var(--px-pink-light-6));--px-sakura-7:var(--px-sakura-light-custom-7,var(--px-pink-light-7));--px-sakura-8:var(--px-sakura-light-custom-8,var(--px-pink-light-8));--px-sakura-9:var(--px-sakura-light-custom-9,var(--px-pink-light-9));--px-sakura-10:var(--px-sakura-light-custom-10,var(--px-pink-light-10));--px-neutral-1:var(--px-neutral-light-custom-1,var(--px-neutral-light-1));--px-neutral-2:var(--px-neutral-light-custom-2,var(--px-neutral-light-2));--px-neutral-3:var(--px-neutral-light-custom-3,var(--px-neutral-light-3));--px-neutral-4:var(--px-neutral-light-custom-4,var(--px-neutral-light-4));--px-neutral-5:var(--px-neutral-light-custom-5,var(--px-neutral-light-5));--px-neutral-6:var(--px-neutral-light-custom-6,var(--px-neutral-light-6));--px-neutral-7:var(--px-neutral-light-custom-7,var(--px-neutral-light-7));--px-neutral-8:var(--px-neutral-light-custom-8,var(--px-neutral-light-8));--px-neutral-9:var(--px-neutral-light-custom-9,var(--px-neutral-light-9));--px-neutral-10:var(--px-neutral-light-custom-10,var(--px-neutral-light-10))}@media (prefers-color-scheme:dark){:root{--px-primary-1:var(--px-primary-dark-custom-1,var(--px-teal-dark-1));--px-primary-2:var(--px-primary-dark-custom-2,var(--px-teal-dark-2));--px-primary-3:var(--px-primary-dark-custom-3,var(--px-teal-dark-3));--px-primary-4:var(--px-primary-dark-custom-4,var(--px-teal-dark-4));--px-primary-5:var(--px-primary-dark-custom-5,var(--px-teal-dark-5));--px-primary-6:var(--px-primary-dark-custom-6,var(--px-teal-dark-6));--px-primary-7:var(--px-primary-dark-custom-7,var(--px-teal-dark-7));--px-primary-8:var(--px-primary-dark-custom-8,var(--px-teal-dark-8));--px-primary-9:var(--px-primary-dark-custom-9,var(--px-teal-dark-9));--px-primary-10:var(--px-primary-dark-custom-10,var(--px-teal-dark-10));--px-success-1:var(--px-success-dark-custom-1,var(--px-green-dark-1));--px-success-2:var(--px-success-dark-custom-2,var(--px-green-dark-2));--px-success-3:var(--px-success-dark-custom-3,var(--px-green-dark-3));--px-success-4:var(--px-success-dark-custom-4,var(--px-green-dark-4));--px-success-5:var(--px-success-dark-custom-5,var(--px-green-dark-5));--px-success-6:var(--px-success-dark-custom-6,var(--px-green-dark-6));--px-success-7:var(--px-success-dark-custom-7,var(--px-green-dark-7));--px-success-8:var(--px-success-dark-custom-8,var(--px-green-dark-8));--px-success-9:var(--px-success-dark-custom-9,var(--px-green-dark-9));--px-success-10:var(--px-success-dark-custom-10,var(--px-green-dark-10));--px-warning-1:var(--px-warning-dark-custom-1,var(--px-orange-dark-1));--px-warning-2:var(--px-warning-dark-custom-2,var(--px-orange-dark-2));--px-warning-3:var(--px-warning-dark-custom-3,var(--px-orange-dark-3));--px-warning-4:var(--px-warning-dark-custom-4,var(--px-orange-dark-4));--px-warning-5:var(--px-warning-dark-custom-5,var(--px-orange-dark-5));--px-warning-6:var(--px-warning-dark-custom-6,var(--px-orange-dark-6));--px-warning-7:var(--px-warning-dark-custom-7,var(--px-orange-dark-7));--px-warning-8:var(--px-warning-dark-custom-8,var(--px-orange-dark-8));--px-warning-9:var(--px-warning-dark-custom-9,var(--px-orange-dark-9));--px-warning-10:var(--px-warning-dark-custom-10,var(--px-orange-dark-10));--px-danger-1:var(--px-danger-dark-custom-1,var(--px-red-dark-1));--px-danger-2:var(--px-danger-dark-custom-2,var(--px-red-dark-2));--px-danger-3:var(--px-danger-dark-custom-3,var(--px-red-dark-3));--px-danger-4:var(--px-danger-dark-custom-4,var(--px-red-dark-4));--px-danger-5:var(--px-danger-dark-custom-5,var(--px-red-dark-5));--px-danger-6:var(--px-danger-dark-custom-6,var(--px-red-dark-6));--px-danger-7:var(--px-danger-dark-custom-7,var(--px-red-dark-7));--px-danger-8:var(--px-danger-dark-custom-8,var(--px-red-dark-8));--px-danger-9:var(--px-danger-dark-custom-9,var(--px-red-dark-9));--px-danger-10:var(--px-danger-dark-custom-10,var(--px-red-dark-10));--px-sakura-1:var(--px-sakura-dark-custom-1,var(--px-pink-dark-1));--px-sakura-2:var(--px-sakura-dark-custom-2,var(--px-pink-dark-2));--px-sakura-3:var(--px-sakura-dark-custom-3,var(--px-pink-dark-3));--px-sakura-4:var(--px-sakura-dark-custom-4,var(--px-pink-dark-4));--px-sakura-5:var(--px-sakura-dark-custom-5,var(--px-pink-dark-5));--px-sakura-6:var(--px-sakura-dark-custom-6,var(--px-pink-dark-6));--px-sakura-7:var(--px-sakura-dark-custom-7,var(--px-pink-dark-7));--px-sakura-8:var(--px-sakura-dark-custom-8,var(--px-pink-dark-8));--px-sakura-9:var(--px-sakura-dark-custom-9,var(--px-pink-dark-9));--px-sakura-10:var(--px-sakura-dark-custom-10,var(--px-pink-dark-10));--px-neutral-1:var(--px-neutral-dark-custom-1,var(--px-neutral-dark-1));--px-neutral-2:var(--px-neutral-dark-custom-2,var(--px-neutral-dark-2));--px-neutral-3:var(--px-neutral-dark-custom-3,var(--px-neutral-dark-3));--px-neutral-4:var(--px-neutral-dark-custom-4,var(--px-neutral-dark-4));--px-neutral-5:var(--px-neutral-dark-custom-5,var(--px-neutral-dark-5));--px-neutral-6:var(--px-neutral-dark-custom-6,var(--px-neutral-dark-6));--px-neutral-7:var(--px-neutral-dark-custom-7,var(--px-neutral-dark-7));--px-neutral-8:var(--px-neutral-dark-custom-8,var(--px-neutral-dark-8));--px-neutral-9:var(--px-neutral-dark-custom-9,var(--px-neutral-dark-9));--px-neutral-10:var(--px-neutral-dark-custom-10,var(--px-neutral-dark-10))}}:root.dark{--px-primary-1:var(--px-primary-dark-custom-1,var(--px-teal-dark-1));--px-primary-2:var(--px-primary-dark-custom-2,var(--px-teal-dark-2));--px-primary-3:var(--px-primary-dark-custom-3,var(--px-teal-dark-3));--px-primary-4:var(--px-primary-dark-custom-4,var(--px-teal-dark-4));--px-primary-5:var(--px-primary-dark-custom-5,var(--px-teal-dark-5));--px-primary-6:var(--px-primary-dark-custom-6,var(--px-teal-dark-6));--px-primary-7:var(--px-primary-dark-custom-7,var(--px-teal-dark-7));--px-primary-8:var(--px-primary-dark-custom-8,var(--px-teal-dark-8));--px-primary-9:var(--px-primary-dark-custom-9,var(--px-teal-dark-9));--px-primary-10:var(--px-primary-dark-custom-10,var(--px-teal-dark-10));--px-success-1:var(--px-success-dark-custom-1,var(--px-green-dark-1));--px-success-2:var(--px-success-dark-custom-2,var(--px-green-dark-2));--px-success-3:var(--px-success-dark-custom-3,var(--px-green-dark-3));--px-success-4:var(--px-success-dark-custom-4,var(--px-green-dark-4));--px-success-5:var(--px-success-dark-custom-5,var(--px-green-dark-5));--px-success-6:var(--px-success-dark-custom-6,var(--px-green-dark-6));--px-success-7:var(--px-success-dark-custom-7,var(--px-green-dark-7));--px-success-8:var(--px-success-dark-custom-8,var(--px-green-dark-8));--px-success-9:var(--px-success-dark-custom-9,var(--px-green-dark-9));--px-success-10:var(--px-success-dark-custom-10,var(--px-green-dark-10));--px-warning-1:var(--px-warning-dark-custom-1,var(--px-orange-dark-1));--px-warning-2:var(--px-warning-dark-custom-2,var(--px-orange-dark-2));--px-warning-3:var(--px-warning-dark-custom-3,var(--px-orange-dark-3));--px-warning-4:var(--px-warning-dark-custom-4,var(--px-orange-dark-4));--px-warning-5:var(--px-warning-dark-custom-5,var(--px-orange-dark-5));--px-warning-6:var(--px-warning-dark-custom-6,var(--px-orange-dark-6));--px-warning-7:var(--px-warning-dark-custom-7,var(--px-orange-dark-7));--px-warning-8:var(--px-warning-dark-custom-8,var(--px-orange-dark-8));--px-warning-9:var(--px-warning-dark-custom-9,var(--px-orange-dark-9));--px-warning-10:var(--px-warning-dark-custom-10,var(--px-orange-dark-10));--px-danger-1:var(--px-danger-dark-custom-1,var(--px-red-dark-1));--px-danger-2:var(--px-danger-dark-custom-2,var(--px-red-dark-2));--px-danger-3:var(--px-danger-dark-custom-3,var(--px-red-dark-3));--px-danger-4:var(--px-danger-dark-custom-4,var(--px-red-dark-4));--px-danger-5:var(--px-danger-dark-custom-5,var(--px-red-dark-5));--px-danger-6:var(--px-danger-dark-custom-6,var(--px-red-dark-6));--px-danger-7:var(--px-danger-dark-custom-7,var(--px-red-dark-7));--px-danger-8:var(--px-danger-dark-custom-8,var(--px-red-dark-8));--px-danger-9:var(--px-danger-dark-custom-9,var(--px-red-dark-9));--px-danger-10:var(--px-danger-dark-custom-10,var(--px-red-dark-10));--px-sakura-1:var(--px-sakura-dark-custom-1,var(--px-pink-dark-1));--px-sakura-2:var(--px-sakura-dark-custom-2,var(--px-pink-dark-2));--px-sakura-3:var(--px-sakura-dark-custom-3,var(--px-pink-dark-3));--px-sakura-4:var(--px-sakura-dark-custom-4,var(--px-pink-dark-4));--px-sakura-5:var(--px-sakura-dark-custom-5,var(--px-pink-dark-5));--px-sakura-6:var(--px-sakura-dark-custom-6,var(--px-pink-dark-6));--px-sakura-7:var(--px-sakura-dark-custom-7,var(--px-pink-dark-7));--px-sakura-8:var(--px-sakura-dark-custom-8,var(--px-pink-dark-8));--px-sakura-9:var(--px-sakura-dark-custom-9,var(--px-pink-dark-9));--px-sakura-10:var(--px-sakura-dark-custom-10,var(--px-pink-dark-10));--px-neutral-1:var(--px-neutral-dark-custom-1,var(--px-neutral-dark-1));--px-neutral-2:var(--px-neutral-dark-custom-2,var(--px-neutral-dark-2));--px-neutral-3:var(--px-neutral-dark-custom-3,var(--px-neutral-dark-3));--px-neutral-4:var(--px-neutral-dark-custom-4,var(--px-neutral-dark-4));--px-neutral-5:var(--px-neutral-dark-custom-5,var(--px-neutral-dark-5));--px-neutral-6:var(--px-neutral-dark-custom-6,var(--px-neutral-dark-6));--px-neutral-7:var(--px-neutral-dark-custom-7,var(--px-neutral-dark-7));--px-neutral-8:var(--px-neutral-dark-custom-8,var(--px-neutral-dark-8));--px-neutral-9:var(--px-neutral-dark-custom-9,var(--px-neutral-dark-9));--px-neutral-10:var(--px-neutral-dark-custom-10,var(--px-neutral-dark-10))}:root.light{--px-primary-1:var(--px-primary-light-custom-1,var(--px-teal-light-1));--px-primary-2:var(--px-primary-light-custom-2,var(--px-teal-light-2));--px-primary-3:var(--px-primary-light-custom-3,var(--px-teal-light-3));--px-primary-4:var(--px-primary-light-custom-4,var(--px-teal-light-4));--px-primary-5:var(--px-primary-light-custom-5,var(--px-teal-light-5));--px-primary-6:var(--px-primary-light-custom-6,var(--px-teal-light-6));--px-primary-7:var(--px-primary-light-custom-7,var(--px-teal-light-7));--px-primary-8:var(--px-primary-light-custom-8,var(--px-teal-light-8));--px-primary-9:var(--px-primary-light-custom-9,var(--px-teal-light-9));--px-primary-10:var(--px-primary-light-custom-10,var(--px-teal-light-10));--px-success-1:var(--px-success-light-custom-1,var(--px-green-light-1));--px-success-2:var(--px-success-light-custom-2,var(--px-green-light-2));--px-success-3:var(--px-success-light-custom-3,var(--px-green-light-3));--px-success-4:var(--px-success-light-custom-4,var(--px-green-light-4));--px-success-5:var(--px-success-light-custom-5,var(--px-green-light-5));--px-success-6:var(--px-success-light-custom-6,var(--px-green-light-6));--px-success-7:var(--px-success-light-custom-7,var(--px-green-light-7));--px-success-8:var(--px-success-light-custom-8,var(--px-green-light-8));--px-success-9:var(--px-success-light-custom-9,var(--px-green-light-9));--px-success-10:var(--px-success-light-custom-10,var(--px-green-light-10));--px-warning-1:var(--px-warning-light-custom-1,var(--px-orange-light-1));--px-warning-2:var(--px-warning-light-custom-2,var(--px-orange-light-2));--px-warning-3:var(--px-warning-light-custom-3,var(--px-orange-light-3));--px-warning-4:var(--px-warning-light-custom-4,var(--px-orange-light-4));--px-warning-5:var(--px-warning-light-custom-5,var(--px-orange-light-5));--px-warning-6:var(--px-warning-light-custom-6,var(--px-orange-light-6));--px-warning-7:var(--px-warning-light-custom-7,var(--px-orange-light-7));--px-warning-8:var(--px-warning-light-custom-8,var(--px-orange-light-8));--px-warning-9:var(--px-warning-light-custom-9,var(--px-orange-light-9));--px-warning-10:var(--px-warning-light-custom-10,var(--px-orange-light-10));--px-danger-1:var(--px-danger-light-custom-1,var(--px-red-light-1));--px-danger-2:var(--px-danger-light-custom-2,var(--px-red-light-2));--px-danger-3:var(--px-danger-light-custom-3,var(--px-red-light-3));--px-danger-4:var(--px-danger-light-custom-4,var(--px-red-light-4));--px-danger-5:var(--px-danger-light-custom-5,var(--px-red-light-5));--px-danger-6:var(--px-danger-light-custom-6,var(--px-red-light-6));--px-danger-7:var(--px-danger-light-custom-7,var(--px-red-light-7));--px-danger-8:var(--px-danger-light-custom-8,var(--px-red-light-8));--px-danger-9:var(--px-danger-light-custom-9,var(--px-red-light-9));--px-danger-10:var(--px-danger-light-custom-10,var(--px-red-light-10));--px-sakura-1:var(--px-sakura-light-custom-1,var(--px-pink-light-1));--px-sakura-2:var(--px-sakura-light-custom-2,var(--px-pink-light-2));--px-sakura-3:var(--px-sakura-light-custom-3,var(--px-pink-light-3));--px-sakura-4:var(--px-sakura-light-custom-4,var(--px-pink-light-4));--px-sakura-5:var(--px-sakura-light-custom-5,var(--px-pink-light-5));--px-sakura-6:var(--px-sakura-light-custom-6,var(--px-pink-light-6));--px-sakura-7:var(--px-sakura-light-custom-7,var(--px-pink-light-7));--px-sakura-8:var(--px-sakura-light-custom-8,var(--px-pink-light-8));--px-sakura-9:var(--px-sakura-light-custom-9,var(--px-pink-light-9));--px-sakura-10:var(--px-sakura-light-custom-10,var(--px-pink-light-10));--px-neutral-1:var(--px-neutral-light-custom-1,var(--px-neutral-light-1));--px-neutral-2:var(--px-neutral-light-custom-2,var(--px-neutral-light-2));--px-neutral-3:var(--px-neutral-light-custom-3,var(--px-neutral-light-3));--px-neutral-4:var(--px-neutral-light-custom-4,var(--px-neutral-light-4));--px-neutral-5:var(--px-neutral-light-custom-5,var(--px-neutral-light-5));--px-neutral-6:var(--px-neutral-light-custom-6,var(--px-neutral-light-6));--px-neutral-7:var(--px-neutral-light-custom-7,var(--px-neutral-light-7));--px-neutral-8:var(--px-neutral-light-custom-8,var(--px-neutral-light-8));--px-neutral-9:var(--px-neutral-light-custom-9,var(--px-neutral-light-9));--px-neutral-10:var(--px-neutral-light-custom-10,var(--px-neutral-light-10))}:root{--px-bit:4px;--px-large-base-size:36px;--px-medium-base-size:28px;--px-small-base-size:20px;--px-large-size:44px;--px-medium-size:36px;--px-small-size:28px;--px-large-sub-size:36px;--px-medium-sub-size:26px;--px-small-sub-size:20px;--px-large-sub-base-size:28px;--px-medium-sub-base-size:18px;--px-small-sub-base-size:12px;--px-large-compat-size:32px;--px-medium-compat-size:28px;--px-small-compat-size:24px;--px-line-height:1.5;--px-medium-font-size:14px;--px-large-font-size:15px;--px-small-font-size:12px;--px-font:"Fusion Pixel Zh_hans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei",SimSun,sans-serif}@keyframes px-icon-spin{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}.px-animation__loading{animation:1s linear infinite px-icon-spin}@keyframes px-blink{50%{opacity:0}}.px-animation__blink{animation:1s step-end infinite px-blink}.pixelium{font-family:var(--px-font);line-height:var(--px-line-height);font-size:var(--px-medium-font-size)}
+:root{--px-teal-light-1:#ddfaf2;--px-teal-light-2:#bce9de;--px-teal-light-3:#9bd9ca;--px-teal-light-4:#77c9b7;--px-teal-light-5:#4fb8a4;--px-teal-light-6:#00a891;--px-teal-light-7:#0b806e;--px-teal-light-8:#0e5a4e;--px-teal-light-9:#0b372f;--px-teal-light-10:#061713;--px-green-light-1:#eef2ee;--px-green-light-2:#cbe7ca;--px-green-light-3:#a7dba6;--px-green-light-4:#81cf82;--px-green-light-5:#56c25b;--px-green-light-6:#00b42a;--px-green-light-7:#22892c;--px-green-light-8:#266029;--px-green-light-9:#223922;--px-green-light-10:#181618;--px-orange-light-1:#f5eae4;--px-orange-light-2:#fad6c1;--px-orange-light-3:#fdc19e;--px-orange-light-4:#ffac79;--px-orange-light-5:#ff9550;--px-orange-light-6:#ff7d00;--px-orange-light-7:#c46723;--px-orange-light-8:#8c502a;--px-orange-light-9:#573a29;--px-orange-light-10:#252423;--px-red-light-1:#f8ebe9;--px-red-light-2:#fdd2cd;--px-red-light-3:#ffbab2;--px-red-light-4:#ffa198;--px-red-light-5:#ff857c;--px-red-light-6:#fd6860;--px-red-light-7:#c1564f;--px-red-light-8:#88443e;--px-red-light-9:#52312e;--px-red-light-10:#201e1d;--px-pink-light-1:#fadfe4;--px-pink-light-2:#fcd1da;--px-pink-light-3:#fdc4d0;--px-pink-light-4:#ffb6c6;--px-pink-light-5:#ffa8bc;--px-pink-light-6:#ff9ab2;--px-pink-light-7:#cc7e90;--px-pink-light-8:#9a6370;--px-pink-light-9:#6c4951;--px-pink-light-10:#413034;--px-neutral-light-1:#fff;--px-neutral-light-2:#fafafa;--px-neutral-light-3:#f5f5f5;--px-neutral-light-4:#f0f0f0;--px-neutral-light-5:#ebebeb;--px-neutral-light-6:#e6e6e6;--px-neutral-light-7:#c8c8c8;--px-neutral-light-8:#969696;--px-neutral-light-9:#646464;--px-neutral-light-10:#323232;--px-teal-dark-1:#071f1a;--px-teal-dark-2:#0b372f;--px-teal-dark-3:#0d5146;--px-teal-dark-4:#0d6d5e;--px-teal-dark-5:#098a77;--px-teal-dark-6:#00a891;--px-teal-dark-7:#58b8a5;--px-teal-dark-8:#84c9b9;--px-teal-dark-9:#acd9ce;--px-teal-dark-10:#d2e9e3;--px-green-dark-1:#1b1e1b;--px-green-dark-2:#223922;--px-green-dark-3:#265628;--px-green-dark-4:#26742b;--px-green-dark-5:#1e932c;--px-green-dark-6:#00b42a;--px-green-dark-7:#60c163;--px-green-dark-8:#90cc90;--px-green-dark-9:#bbd7ba;--px-green-dark-10:#e3e0e4;--px-orange-dark-1:#312925;--px-orange-dark-2:#573a29;--px-orange-dark-3:#7e4b2a;--px-orange-dark-4:#a75b28;--px-orange-dark-5:#d26c1f;--px-orange-dark-6:#ff7d00;--px-orange-dark-7:#fa9859;--px-orange-dark-8:#f2af87;--px-orange-dark-9:#e9c5b1;--px-orange-dark-10:#dcdad9;--px-red-dark-1:#2c2321;--px-red-dark-2:#52312e;--px-red-dark-3:#7a3f3a;--px-red-dark-4:#a44d47;--px-red-dark-5:#d05a53;--px-red-dark-6:#fd6860;--px-red-dark-7:#fa8980;--px-red-dark-8:#f5a79e;--px-red-dark-9:#ecc2bd;--px-red-dark-10:#e0dddc;--px-pink-dark-1:#4b363b;--px-pink-dark-2:#6c4951;--px-pink-dark-3:#8f5c68;--px-pink-dark-4:#b37080;--px-pink-dark-5:#d88598;--px-pink-dark-6:#ff9ab2;--px-pink-dark-7:#f9a8ba;--px-pink-dark-8:#f3b5c2;--px-pink-dark-9:#ebc1c9;--px-pink-dark-10:#e3cdd1;--px-neutral-dark-1:#0c0c0c;--px-neutral-dark-2:#202020;--px-neutral-dark-3:#353535;--px-neutral-dark-4:#4c4c4c;--px-neutral-dark-5:#656565;--px-neutral-dark-6:#7e7e7e;--px-neutral-dark-7:#989898;--px-neutral-dark-8:#b2b2b2;--px-neutral-dark-9:#cecece;--px-neutral-dark-10:#eaeaea;--px-primary-light-1:var(--px-teal-light-1);--px-primary-light-2:var(--px-teal-light-2);--px-primary-light-3:var(--px-teal-light-3);--px-primary-light-4:var(--px-teal-light-4);--px-primary-light-5:var(--px-teal-light-5);--px-primary-light-6:var(--px-teal-light-6);--px-primary-light-7:var(--px-teal-light-7);--px-primary-light-8:var(--px-teal-light-8);--px-primary-light-9:var(--px-teal-light-9);--px-primary-light-10:var(--px-teal-light-10);--px-success-light-1:var(--px-green-light-1);--px-success-light-2:var(--px-green-light-2);--px-success-light-3:var(--px-green-light-3);--px-success-light-4:var(--px-green-light-4);--px-success-light-5:var(--px-green-light-5);--px-success-light-6:var(--px-green-light-6);--px-success-light-7:var(--px-green-light-7);--px-success-light-8:var(--px-green-light-8);--px-success-light-9:var(--px-green-light-9);--px-success-light-10:var(--px-green-light-10);--px-warning-light-1:var(--px-orange-light-1);--px-warning-light-2:var(--px-orange-light-2);--px-warning-light-3:var(--px-orange-light-3);--px-warning-light-4:var(--px-orange-light-4);--px-warning-light-5:var(--px-orange-light-5);--px-warning-light-6:var(--px-orange-light-6);--px-warning-light-7:var(--px-orange-light-7);--px-warning-light-8:var(--px-orange-light-8);--px-warning-light-9:var(--px-orange-light-9);--px-warning-light-10:var(--px-orange-light-10);--px-danger-light-1:var(--px-red-light-1);--px-danger-light-2:var(--px-red-light-2);--px-danger-light-3:var(--px-red-light-3);--px-danger-light-4:var(--px-red-light-4);--px-danger-light-5:var(--px-red-light-5);--px-danger-light-6:var(--px-red-light-6);--px-danger-light-7:var(--px-red-light-7);--px-danger-light-8:var(--px-red-light-8);--px-danger-light-9:var(--px-red-light-9);--px-danger-light-10:var(--px-red-light-10);--px-sakura-light-1:var(--px-pink-light-1);--px-sakura-light-2:var(--px-pink-light-2);--px-sakura-light-3:var(--px-pink-light-3);--px-sakura-light-4:var(--px-pink-light-4);--px-sakura-light-5:var(--px-pink-light-5);--px-sakura-light-6:var(--px-pink-light-6);--px-sakura-light-7:var(--px-pink-light-7);--px-sakura-light-8:var(--px-pink-light-8);--px-sakura-light-9:var(--px-pink-light-9);--px-sakura-light-10:var(--px-pink-light-10);--px-primary-dark-1:var(--px-teal-dark-1);--px-primary-dark-2:var(--px-teal-dark-2);--px-primary-dark-3:var(--px-teal-dark-3);--px-primary-dark-4:var(--px-teal-dark-4);--px-primary-dark-5:var(--px-teal-dark-5);--px-primary-dark-6:var(--px-teal-dark-6);--px-primary-dark-7:var(--px-teal-dark-7);--px-primary-dark-8:var(--px-teal-dark-8);--px-primary-dark-9:var(--px-teal-dark-9);--px-primary-dark-10:var(--px-teal-dark-10);--px-success-dark-1:var(--px-green-dark-1);--px-success-dark-2:var(--px-green-dark-2);--px-success-dark-3:var(--px-green-dark-3);--px-success-dark-4:var(--px-green-dark-4);--px-success-dark-5:var(--px-green-dark-5);--px-success-dark-6:var(--px-green-dark-6);--px-success-dark-7:var(--px-green-dark-7);--px-success-dark-8:var(--px-green-dark-8);--px-success-dark-9:var(--px-green-dark-9);--px-success-dark-10:var(--px-green-dark-10);--px-warning-dark-1:var(--px-orange-dark-1);--px-warning-dark-2:var(--px-orange-dark-2);--px-warning-dark-3:var(--px-orange-dark-3);--px-warning-dark-4:var(--px-orange-dark-4);--px-warning-dark-5:var(--px-orange-dark-5);--px-warning-dark-6:var(--px-orange-dark-6);--px-warning-dark-7:var(--px-orange-dark-7);--px-warning-dark-8:var(--px-orange-dark-8);--px-warning-dark-9:var(--px-orange-dark-9);--px-warning-dark-10:var(--px-orange-dark-10);--px-danger-dark-1:var(--px-red-dark-1);--px-danger-dark-2:var(--px-red-dark-2);--px-danger-dark-3:var(--px-red-dark-3);--px-danger-dark-4:var(--px-red-dark-4);--px-danger-dark-5:var(--px-red-dark-5);--px-danger-dark-6:var(--px-red-dark-6);--px-danger-dark-7:var(--px-red-dark-7);--px-danger-dark-8:var(--px-red-dark-8);--px-danger-dark-9:var(--px-red-dark-9);--px-danger-dark-10:var(--px-red-dark-10);--px-sakura-dark-1:var(--px-pink-dark-1);--px-sakura-dark-2:var(--px-pink-dark-2);--px-sakura-dark-3:var(--px-pink-dark-3);--px-sakura-dark-4:var(--px-pink-dark-4);--px-sakura-dark-5:var(--px-pink-dark-5);--px-sakura-dark-6:var(--px-pink-dark-6);--px-sakura-dark-7:var(--px-pink-dark-7);--px-sakura-dark-8:var(--px-pink-dark-8);--px-sakura-dark-9:var(--px-pink-dark-9);--px-sakura-dark-10:var(--px-pink-dark-10);--px-primary-1:var(--px-primary-light-custom-1,var(--px-teal-light-1));--px-primary-2:var(--px-primary-light-custom-2,var(--px-teal-light-2));--px-primary-3:var(--px-primary-light-custom-3,var(--px-teal-light-3));--px-primary-4:var(--px-primary-light-custom-4,var(--px-teal-light-4));--px-primary-5:var(--px-primary-light-custom-5,var(--px-teal-light-5));--px-primary-6:var(--px-primary-light-custom-6,var(--px-teal-light-6));--px-primary-7:var(--px-primary-light-custom-7,var(--px-teal-light-7));--px-primary-8:var(--px-primary-light-custom-8,var(--px-teal-light-8));--px-primary-9:var(--px-primary-light-custom-9,var(--px-teal-light-9));--px-primary-10:var(--px-primary-light-custom-10,var(--px-teal-light-10));--px-success-1:var(--px-success-light-custom-1,var(--px-green-light-1));--px-success-2:var(--px-success-light-custom-2,var(--px-green-light-2));--px-success-3:var(--px-success-light-custom-3,var(--px-green-light-3));--px-success-4:var(--px-success-light-custom-4,var(--px-green-light-4));--px-success-5:var(--px-success-light-custom-5,var(--px-green-light-5));--px-success-6:var(--px-success-light-custom-6,var(--px-green-light-6));--px-success-7:var(--px-success-light-custom-7,var(--px-green-light-7));--px-success-8:var(--px-success-light-custom-8,var(--px-green-light-8));--px-success-9:var(--px-success-light-custom-9,var(--px-green-light-9));--px-success-10:var(--px-success-light-custom-10,var(--px-green-light-10));--px-warning-1:var(--px-warning-light-custom-1,var(--px-orange-light-1));--px-warning-2:var(--px-warning-light-custom-2,var(--px-orange-light-2));--px-warning-3:var(--px-warning-light-custom-3,var(--px-orange-light-3));--px-warning-4:var(--px-warning-light-custom-4,var(--px-orange-light-4));--px-warning-5:var(--px-warning-light-custom-5,var(--px-orange-light-5));--px-warning-6:var(--px-warning-light-custom-6,var(--px-orange-light-6));--px-warning-7:var(--px-warning-light-custom-7,var(--px-orange-light-7));--px-warning-8:var(--px-warning-light-custom-8,var(--px-orange-light-8));--px-warning-9:var(--px-warning-light-custom-9,var(--px-orange-light-9));--px-warning-10:var(--px-warning-light-custom-10,var(--px-orange-light-10));--px-danger-1:var(--px-danger-light-custom-1,var(--px-red-light-1));--px-danger-2:var(--px-danger-light-custom-2,var(--px-red-light-2));--px-danger-3:var(--px-danger-light-custom-3,var(--px-red-light-3));--px-danger-4:var(--px-danger-light-custom-4,var(--px-red-light-4));--px-danger-5:var(--px-danger-light-custom-5,var(--px-red-light-5));--px-danger-6:var(--px-danger-light-custom-6,var(--px-red-light-6));--px-danger-7:var(--px-danger-light-custom-7,var(--px-red-light-7));--px-danger-8:var(--px-danger-light-custom-8,var(--px-red-light-8));--px-danger-9:var(--px-danger-light-custom-9,var(--px-red-light-9));--px-danger-10:var(--px-danger-light-custom-10,var(--px-red-light-10));--px-sakura-1:var(--px-sakura-light-custom-1,var(--px-pink-light-1));--px-sakura-2:var(--px-sakura-light-custom-2,var(--px-pink-light-2));--px-sakura-3:var(--px-sakura-light-custom-3,var(--px-pink-light-3));--px-sakura-4:var(--px-sakura-light-custom-4,var(--px-pink-light-4));--px-sakura-5:var(--px-sakura-light-custom-5,var(--px-pink-light-5));--px-sakura-6:var(--px-sakura-light-custom-6,var(--px-pink-light-6));--px-sakura-7:var(--px-sakura-light-custom-7,var(--px-pink-light-7));--px-sakura-8:var(--px-sakura-light-custom-8,var(--px-pink-light-8));--px-sakura-9:var(--px-sakura-light-custom-9,var(--px-pink-light-9));--px-sakura-10:var(--px-sakura-light-custom-10,var(--px-pink-light-10));--px-neutral-1:var(--px-neutral-light-custom-1,var(--px-neutral-light-1));--px-neutral-2:var(--px-neutral-light-custom-2,var(--px-neutral-light-2));--px-neutral-3:var(--px-neutral-light-custom-3,var(--px-neutral-light-3));--px-neutral-4:var(--px-neutral-light-custom-4,var(--px-neutral-light-4));--px-neutral-5:var(--px-neutral-light-custom-5,var(--px-neutral-light-5));--px-neutral-6:var(--px-neutral-light-custom-6,var(--px-neutral-light-6));--px-neutral-7:var(--px-neutral-light-custom-7,var(--px-neutral-light-7));--px-neutral-8:var(--px-neutral-light-custom-8,var(--px-neutral-light-8));--px-neutral-9:var(--px-neutral-light-custom-9,var(--px-neutral-light-9));--px-neutral-10:var(--px-neutral-light-custom-10,var(--px-neutral-light-10))}@media (prefers-color-scheme:dark){:root{--px-primary-1:var(--px-primary-dark-custom-1,var(--px-teal-dark-1));--px-primary-2:var(--px-primary-dark-custom-2,var(--px-teal-dark-2));--px-primary-3:var(--px-primary-dark-custom-3,var(--px-teal-dark-3));--px-primary-4:var(--px-primary-dark-custom-4,var(--px-teal-dark-4));--px-primary-5:var(--px-primary-dark-custom-5,var(--px-teal-dark-5));--px-primary-6:var(--px-primary-dark-custom-6,var(--px-teal-dark-6));--px-primary-7:var(--px-primary-dark-custom-7,var(--px-teal-dark-7));--px-primary-8:var(--px-primary-dark-custom-8,var(--px-teal-dark-8));--px-primary-9:var(--px-primary-dark-custom-9,var(--px-teal-dark-9));--px-primary-10:var(--px-primary-dark-custom-10,var(--px-teal-dark-10));--px-success-1:var(--px-success-dark-custom-1,var(--px-green-dark-1));--px-success-2:var(--px-success-dark-custom-2,var(--px-green-dark-2));--px-success-3:var(--px-success-dark-custom-3,var(--px-green-dark-3));--px-success-4:var(--px-success-dark-custom-4,var(--px-green-dark-4));--px-success-5:var(--px-success-dark-custom-5,var(--px-green-dark-5));--px-success-6:var(--px-success-dark-custom-6,var(--px-green-dark-6));--px-success-7:var(--px-success-dark-custom-7,var(--px-green-dark-7));--px-success-8:var(--px-success-dark-custom-8,var(--px-green-dark-8));--px-success-9:var(--px-success-dark-custom-9,var(--px-green-dark-9));--px-success-10:var(--px-success-dark-custom-10,var(--px-green-dark-10));--px-warning-1:var(--px-warning-dark-custom-1,var(--px-orange-dark-1));--px-warning-2:var(--px-warning-dark-custom-2,var(--px-orange-dark-2));--px-warning-3:var(--px-warning-dark-custom-3,var(--px-orange-dark-3));--px-warning-4:var(--px-warning-dark-custom-4,var(--px-orange-dark-4));--px-warning-5:var(--px-warning-dark-custom-5,var(--px-orange-dark-5));--px-warning-6:var(--px-warning-dark-custom-6,var(--px-orange-dark-6));--px-warning-7:var(--px-warning-dark-custom-7,var(--px-orange-dark-7));--px-warning-8:var(--px-warning-dark-custom-8,var(--px-orange-dark-8));--px-warning-9:var(--px-warning-dark-custom-9,var(--px-orange-dark-9));--px-warning-10:var(--px-warning-dark-custom-10,var(--px-orange-dark-10));--px-danger-1:var(--px-danger-dark-custom-1,var(--px-red-dark-1));--px-danger-2:var(--px-danger-dark-custom-2,var(--px-red-dark-2));--px-danger-3:var(--px-danger-dark-custom-3,var(--px-red-dark-3));--px-danger-4:var(--px-danger-dark-custom-4,var(--px-red-dark-4));--px-danger-5:var(--px-danger-dark-custom-5,var(--px-red-dark-5));--px-danger-6:var(--px-danger-dark-custom-6,var(--px-red-dark-6));--px-danger-7:var(--px-danger-dark-custom-7,var(--px-red-dark-7));--px-danger-8:var(--px-danger-dark-custom-8,var(--px-red-dark-8));--px-danger-9:var(--px-danger-dark-custom-9,var(--px-red-dark-9));--px-danger-10:var(--px-danger-dark-custom-10,var(--px-red-dark-10));--px-sakura-1:var(--px-sakura-dark-custom-1,var(--px-pink-dark-1));--px-sakura-2:var(--px-sakura-dark-custom-2,var(--px-pink-dark-2));--px-sakura-3:var(--px-sakura-dark-custom-3,var(--px-pink-dark-3));--px-sakura-4:var(--px-sakura-dark-custom-4,var(--px-pink-dark-4));--px-sakura-5:var(--px-sakura-dark-custom-5,var(--px-pink-dark-5));--px-sakura-6:var(--px-sakura-dark-custom-6,var(--px-pink-dark-6));--px-sakura-7:var(--px-sakura-dark-custom-7,var(--px-pink-dark-7));--px-sakura-8:var(--px-sakura-dark-custom-8,var(--px-pink-dark-8));--px-sakura-9:var(--px-sakura-dark-custom-9,var(--px-pink-dark-9));--px-sakura-10:var(--px-sakura-dark-custom-10,var(--px-pink-dark-10));--px-neutral-1:var(--px-neutral-dark-custom-1,var(--px-neutral-dark-1));--px-neutral-2:var(--px-neutral-dark-custom-2,var(--px-neutral-dark-2));--px-neutral-3:var(--px-neutral-dark-custom-3,var(--px-neutral-dark-3));--px-neutral-4:var(--px-neutral-dark-custom-4,var(--px-neutral-dark-4));--px-neutral-5:var(--px-neutral-dark-custom-5,var(--px-neutral-dark-5));--px-neutral-6:var(--px-neutral-dark-custom-6,var(--px-neutral-dark-6));--px-neutral-7:var(--px-neutral-dark-custom-7,var(--px-neutral-dark-7));--px-neutral-8:var(--px-neutral-dark-custom-8,var(--px-neutral-dark-8));--px-neutral-9:var(--px-neutral-dark-custom-9,var(--px-neutral-dark-9));--px-neutral-10:var(--px-neutral-dark-custom-10,var(--px-neutral-dark-10))}}:root.dark{--px-primary-1:var(--px-primary-dark-custom-1,var(--px-teal-dark-1));--px-primary-2:var(--px-primary-dark-custom-2,var(--px-teal-dark-2));--px-primary-3:var(--px-primary-dark-custom-3,var(--px-teal-dark-3));--px-primary-4:var(--px-primary-dark-custom-4,var(--px-teal-dark-4));--px-primary-5:var(--px-primary-dark-custom-5,var(--px-teal-dark-5));--px-primary-6:var(--px-primary-dark-custom-6,var(--px-teal-dark-6));--px-primary-7:var(--px-primary-dark-custom-7,var(--px-teal-dark-7));--px-primary-8:var(--px-primary-dark-custom-8,var(--px-teal-dark-8));--px-primary-9:var(--px-primary-dark-custom-9,var(--px-teal-dark-9));--px-primary-10:var(--px-primary-dark-custom-10,var(--px-teal-dark-10));--px-success-1:var(--px-success-dark-custom-1,var(--px-green-dark-1));--px-success-2:var(--px-success-dark-custom-2,var(--px-green-dark-2));--px-success-3:var(--px-success-dark-custom-3,var(--px-green-dark-3));--px-success-4:var(--px-success-dark-custom-4,var(--px-green-dark-4));--px-success-5:var(--px-success-dark-custom-5,var(--px-green-dark-5));--px-success-6:var(--px-success-dark-custom-6,var(--px-green-dark-6));--px-success-7:var(--px-success-dark-custom-7,var(--px-green-dark-7));--px-success-8:var(--px-success-dark-custom-8,var(--px-green-dark-8));--px-success-9:var(--px-success-dark-custom-9,var(--px-green-dark-9));--px-success-10:var(--px-success-dark-custom-10,var(--px-green-dark-10));--px-warning-1:var(--px-warning-dark-custom-1,var(--px-orange-dark-1));--px-warning-2:var(--px-warning-dark-custom-2,var(--px-orange-dark-2));--px-warning-3:var(--px-warning-dark-custom-3,var(--px-orange-dark-3));--px-warning-4:var(--px-warning-dark-custom-4,var(--px-orange-dark-4));--px-warning-5:var(--px-warning-dark-custom-5,var(--px-orange-dark-5));--px-warning-6:var(--px-warning-dark-custom-6,var(--px-orange-dark-6));--px-warning-7:var(--px-warning-dark-custom-7,var(--px-orange-dark-7));--px-warning-8:var(--px-warning-dark-custom-8,var(--px-orange-dark-8));--px-warning-9:var(--px-warning-dark-custom-9,var(--px-orange-dark-9));--px-warning-10:var(--px-warning-dark-custom-10,var(--px-orange-dark-10));--px-danger-1:var(--px-danger-dark-custom-1,var(--px-red-dark-1));--px-danger-2:var(--px-danger-dark-custom-2,var(--px-red-dark-2));--px-danger-3:var(--px-danger-dark-custom-3,var(--px-red-dark-3));--px-danger-4:var(--px-danger-dark-custom-4,var(--px-red-dark-4));--px-danger-5:var(--px-danger-dark-custom-5,var(--px-red-dark-5));--px-danger-6:var(--px-danger-dark-custom-6,var(--px-red-dark-6));--px-danger-7:var(--px-danger-dark-custom-7,var(--px-red-dark-7));--px-danger-8:var(--px-danger-dark-custom-8,var(--px-red-dark-8));--px-danger-9:var(--px-danger-dark-custom-9,var(--px-red-dark-9));--px-danger-10:var(--px-danger-dark-custom-10,var(--px-red-dark-10));--px-sakura-1:var(--px-sakura-dark-custom-1,var(--px-pink-dark-1));--px-sakura-2:var(--px-sakura-dark-custom-2,var(--px-pink-dark-2));--px-sakura-3:var(--px-sakura-dark-custom-3,var(--px-pink-dark-3));--px-sakura-4:var(--px-sakura-dark-custom-4,var(--px-pink-dark-4));--px-sakura-5:var(--px-sakura-dark-custom-5,var(--px-pink-dark-5));--px-sakura-6:var(--px-sakura-dark-custom-6,var(--px-pink-dark-6));--px-sakura-7:var(--px-sakura-dark-custom-7,var(--px-pink-dark-7));--px-sakura-8:var(--px-sakura-dark-custom-8,var(--px-pink-dark-8));--px-sakura-9:var(--px-sakura-dark-custom-9,var(--px-pink-dark-9));--px-sakura-10:var(--px-sakura-dark-custom-10,var(--px-pink-dark-10));--px-neutral-1:var(--px-neutral-dark-custom-1,var(--px-neutral-dark-1));--px-neutral-2:var(--px-neutral-dark-custom-2,var(--px-neutral-dark-2));--px-neutral-3:var(--px-neutral-dark-custom-3,var(--px-neutral-dark-3));--px-neutral-4:var(--px-neutral-dark-custom-4,var(--px-neutral-dark-4));--px-neutral-5:var(--px-neutral-dark-custom-5,var(--px-neutral-dark-5));--px-neutral-6:var(--px-neutral-dark-custom-6,var(--px-neutral-dark-6));--px-neutral-7:var(--px-neutral-dark-custom-7,var(--px-neutral-dark-7));--px-neutral-8:var(--px-neutral-dark-custom-8,var(--px-neutral-dark-8));--px-neutral-9:var(--px-neutral-dark-custom-9,var(--px-neutral-dark-9));--px-neutral-10:var(--px-neutral-dark-custom-10,var(--px-neutral-dark-10))}:root.light{--px-primary-1:var(--px-primary-light-custom-1,var(--px-teal-light-1));--px-primary-2:var(--px-primary-light-custom-2,var(--px-teal-light-2));--px-primary-3:var(--px-primary-light-custom-3,var(--px-teal-light-3));--px-primary-4:var(--px-primary-light-custom-4,var(--px-teal-light-4));--px-primary-5:var(--px-primary-light-custom-5,var(--px-teal-light-5));--px-primary-6:var(--px-primary-light-custom-6,var(--px-teal-light-6));--px-primary-7:var(--px-primary-light-custom-7,var(--px-teal-light-7));--px-primary-8:var(--px-primary-light-custom-8,var(--px-teal-light-8));--px-primary-9:var(--px-primary-light-custom-9,var(--px-teal-light-9));--px-primary-10:var(--px-primary-light-custom-10,var(--px-teal-light-10));--px-success-1:var(--px-success-light-custom-1,var(--px-green-light-1));--px-success-2:var(--px-success-light-custom-2,var(--px-green-light-2));--px-success-3:var(--px-success-light-custom-3,var(--px-green-light-3));--px-success-4:var(--px-success-light-custom-4,var(--px-green-light-4));--px-success-5:var(--px-success-light-custom-5,var(--px-green-light-5));--px-success-6:var(--px-success-light-custom-6,var(--px-green-light-6));--px-success-7:var(--px-success-light-custom-7,var(--px-green-light-7));--px-success-8:var(--px-success-light-custom-8,var(--px-green-light-8));--px-success-9:var(--px-success-light-custom-9,var(--px-green-light-9));--px-success-10:var(--px-success-light-custom-10,var(--px-green-light-10));--px-warning-1:var(--px-warning-light-custom-1,var(--px-orange-light-1));--px-warning-2:var(--px-warning-light-custom-2,var(--px-orange-light-2));--px-warning-3:var(--px-warning-light-custom-3,var(--px-orange-light-3));--px-warning-4:var(--px-warning-light-custom-4,var(--px-orange-light-4));--px-warning-5:var(--px-warning-light-custom-5,var(--px-orange-light-5));--px-warning-6:var(--px-warning-light-custom-6,var(--px-orange-light-6));--px-warning-7:var(--px-warning-light-custom-7,var(--px-orange-light-7));--px-warning-8:var(--px-warning-light-custom-8,var(--px-orange-light-8));--px-warning-9:var(--px-warning-light-custom-9,var(--px-orange-light-9));--px-warning-10:var(--px-warning-light-custom-10,var(--px-orange-light-10));--px-danger-1:var(--px-danger-light-custom-1,var(--px-red-light-1));--px-danger-2:var(--px-danger-light-custom-2,var(--px-red-light-2));--px-danger-3:var(--px-danger-light-custom-3,var(--px-red-light-3));--px-danger-4:var(--px-danger-light-custom-4,var(--px-red-light-4));--px-danger-5:var(--px-danger-light-custom-5,var(--px-red-light-5));--px-danger-6:var(--px-danger-light-custom-6,var(--px-red-light-6));--px-danger-7:var(--px-danger-light-custom-7,var(--px-red-light-7));--px-danger-8:var(--px-danger-light-custom-8,var(--px-red-light-8));--px-danger-9:var(--px-danger-light-custom-9,var(--px-red-light-9));--px-danger-10:var(--px-danger-light-custom-10,var(--px-red-light-10));--px-sakura-1:var(--px-sakura-light-custom-1,var(--px-pink-light-1));--px-sakura-2:var(--px-sakura-light-custom-2,var(--px-pink-light-2));--px-sakura-3:var(--px-sakura-light-custom-3,var(--px-pink-light-3));--px-sakura-4:var(--px-sakura-light-custom-4,var(--px-pink-light-4));--px-sakura-5:var(--px-sakura-light-custom-5,var(--px-pink-light-5));--px-sakura-6:var(--px-sakura-light-custom-6,var(--px-pink-light-6));--px-sakura-7:var(--px-sakura-light-custom-7,var(--px-pink-light-7));--px-sakura-8:var(--px-sakura-light-custom-8,var(--px-pink-light-8));--px-sakura-9:var(--px-sakura-light-custom-9,var(--px-pink-light-9));--px-sakura-10:var(--px-sakura-light-custom-10,var(--px-pink-light-10));--px-neutral-1:var(--px-neutral-light-custom-1,var(--px-neutral-light-1));--px-neutral-2:var(--px-neutral-light-custom-2,var(--px-neutral-light-2));--px-neutral-3:var(--px-neutral-light-custom-3,var(--px-neutral-light-3));--px-neutral-4:var(--px-neutral-light-custom-4,var(--px-neutral-light-4));--px-neutral-5:var(--px-neutral-light-custom-5,var(--px-neutral-light-5));--px-neutral-6:var(--px-neutral-light-custom-6,var(--px-neutral-light-6));--px-neutral-7:var(--px-neutral-light-custom-7,var(--px-neutral-light-7));--px-neutral-8:var(--px-neutral-light-custom-8,var(--px-neutral-light-8));--px-neutral-9:var(--px-neutral-light-custom-9,var(--px-neutral-light-9));--px-neutral-10:var(--px-neutral-light-custom-10,var(--px-neutral-light-10))}:root{--px-bit:4px;--px-large-base-size:36px;--px-medium-base-size:28px;--px-small-base-size:20px;--px-large-size:44px;--px-medium-size:36px;--px-small-size:28px;--px-large-sub-size:36px;--px-medium-sub-size:26px;--px-small-sub-size:20px;--px-large-sub-base-size:28px;--px-medium-sub-base-size:18px;--px-small-sub-base-size:12px;--px-large-compat-size:32px;--px-medium-compat-size:28px;--px-small-compat-size:24px;--px-line-height:1.5;--px-medium-font-size:14px;--px-large-font-size:15px;--px-small-font-size:12px;--px-font:"Fusion Pixel Zh_hans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei",SimSun,sans-serif}@keyframes px-icon-spin{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}.px-animation__loading{animation:1s linear infinite px-icon-spin}@keyframes px-blink{50%{opacity:0}}.px-animation__blink{animation:1s step-end infinite px-blink}.pixelium{font-family:var(--px-font);line-height:var(--px-line-height)}

package/es/index.js

@@ -1,5 +1,5 @@
 import "./vendor.js";
-import "./share/const/index.js";
+/* empty css                  */
 import "./share/util/common.js";
 import "./share/util/plot.js";
 import "./share/util/color.js";
@@ -12,10 +12,11 @@ import "./share/hook/use-index-of-children.js";
 import "./share/util/reactivity.js";
 import "./share/hook/use-transition-end.js";
 import { t as button_default } from "./button/index.js";
+/* empty css                  */
 import { t as button_group_default } from "./button-group/index.js";
 import { t as link_default } from "./link/index.js";
-import "./message/index.js";
-import "./share/hook/use-z-index.js";
+/* empty css              */
+/* empty css                       */
 import "./message-box/message-box.js";
 import { t as message_box_default } from "./message-box/index.js";
 import { t as message_box_wrapped_default } from "./message-box/message-box-wrapped.js";
@@ -52,20 +53,20 @@ import "./input-group-label/draw.js";
 import { t as input_group_label_default } from "./input-group-label/index.js";
 import "./input-tag/draw.js";
 import "./popup-content/draw.js";
-import "./popup-wrapper/index.js";
-import "./popup-content/index.js";
+/* empty css                    */
+/* empty css                    */
 import "./share/hook/use-click-outside-listener.js";
 import { i as imageDataToDataURL } from "./share/util/dom.js";
-import "./popup-trigger/index.js";
+/* empty css                    */
 import "./share/hook/use-cancelable-delay.js";
-import "./popup/index.js";
+/* empty css            */
 import { t as popover_default } from "./popover/index.js";
 import { t as input_tag_default } from "./input-tag/index.js";
 import { t as tooltip_default } from "./tooltip/index.js";
 import { t as empty_default } from "./empty/index.js";
 import "./auto-complete/draw.js";
 import { t as virtual_list_default } from "./virtual-list/index.js";
-import "./option-list/index.js";
+/* empty css                  */
 import { t as auto_complete_default } from "./auto-complete/index.js";
 import { t as mask_default } from "./mask/index.js";
 import { t as spin_default } from "./spin/index.js";

package/es/input/index.css

@@ -12,6 +12,7 @@
   height: var(--input-size);
   cursor: text;
   transition: 0.25s all;
+  flex-grow: 1;
 }
 .px-input-inner {
   height: 100%;

package/es/input/index.js

@@ -115,8 +115,8 @@ var input_default = /* @__PURE__ */ defineComponent({
 			ref(false),
 			ref(false)
 		];
-		const inputGroupProvide = inject(INPUT_GROUP_PROVIDE);
-		const formItemProvide = inject(FORM_ITEM_PROVIDE);
+		const inputGroupProvide = inject(INPUT_GROUP_PROVIDE, void 0);
+		const formItemProvide = inject(FORM_ITEM_PROVIDE, void 0);
 		const borderRadiusComputed = createProvideComputed("borderRadius", () => [innerInputGroup.value && inputGroupProvide, props]);
 		const sizeComputed = createProvideComputed("size", () => [
 			innerInputGroup.value && inputGroupProvide,

package/es/input-group/index.js

@@ -26,8 +26,8 @@ var input_group_default = /* @__PURE__ */ defineComponent({
 	},
 	setup(__props) {
 		const props = __props;
-		const formProvide = inject(FORM_PROVIDE);
-		const formItemProvide = inject(FORM_ITEM_PROVIDE);
+		const formProvide = inject(FORM_PROVIDE, void 0);
+		const formItemProvide = inject(FORM_ITEM_PROVIDE, void 0);
 		const disabledComputed = createProvideComputed("disabled", [
 			formItemProvide,
 			formProvide,

package/es/input-group-label/index.js

@@ -31,8 +31,8 @@ var input_group_label_default = /* @__PURE__ */ defineComponent({
 			ref(false),
 			ref(false)
 		];
-		const inputGroupProvide = inject(INPUT_GROUP_PROVIDE);
-		const formItemProvide = inject(FORM_ITEM_PROVIDE);
+		const inputGroupProvide = inject(INPUT_GROUP_PROVIDE, void 0);
+		const formItemProvide = inject(FORM_ITEM_PROVIDE, void 0);
 		const borderRadiusComputed = createProvideComputed("borderRadius", [innerInputGroup.value && inputGroupProvide, props]);
 		const sizeComputed = createProvideComputed("size", () => [
 			innerInputGroup.value && inputGroupProvide,

package/es/input-number/index.css

@@ -11,6 +11,7 @@
   box-sizing: border-box;
   height: var(--input-number-size);
   transition: 0.25s;
+  flex-grow: 1;
 }
 .px-input-number-inner {
   height: 100%;

package/es/input-number/index.js

@@ -102,8 +102,8 @@ var input_number_default = /* @__PURE__ */ defineComponent({
 			ref(false),
 			ref(false)
 		];
-		const inputGroupProvide = inject(INPUT_GROUP_PROVIDE);
-		const formItemProvide = inject(FORM_ITEM_PROVIDE);
+		const inputGroupProvide = inject(INPUT_GROUP_PROVIDE, void 0);
+		const formItemProvide = inject(FORM_ITEM_PROVIDE, void 0);
 		const borderRadiusComputed = createProvideComputed("borderRadius", [innerInputGroup.value && inputGroupProvide, props]);
 		const sizeComputed = createProvideComputed("size", () => [
 			innerInputGroup.value && inputGroupProvide,

package/es/input-tag/index.css

@@ -11,6 +11,7 @@
   box-sizing: border-box;
   cursor: text;
   transition: 0.25s;
+  flex-grow: 1;
 }
 .px-input-tag.px-input-tag__small {
   padding-right: 8px;

package/es/input-tag/index.js

@@ -119,8 +119,8 @@ var input_tag_default = /* @__PURE__ */ defineComponent({
 			ref(false),
 			ref(false)
 		];
-		const inputGroupProvide = inject(INPUT_GROUP_PROVIDE);
-		const formItemProvide = inject(FORM_ITEM_PROVIDE);
+		const inputGroupProvide = inject(INPUT_GROUP_PROVIDE, void 0);
+		const formItemProvide = inject(FORM_ITEM_PROVIDE, void 0);
 		const borderRadiusComputed = createProvideComputed("borderRadius", [innerInputGroup.value && inputGroupProvide, props]);
 		const sizeComputed = createProvideComputed("size", () => [
 			innerInputGroup.value && inputGroupProvide,

package/es/main/index.css

@@ -5,4 +5,8 @@
   background-color: var(--px-neutral-1);
   color: var(--px-neutral-10);
   width: 100%;
+  box-sizing: border-box;
+}
+.px-main__soft {
+  background-color: var(--px-neutral-2);
 }

package/es/main/index.d.ts

@@ -1,8 +1,11 @@
+import type { MainProps } from './type';
 declare var __VLS_1: {};
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_1) => any;
 };
-declare const __VLS_component: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const __VLS_component: import("vue").DefineComponent<MainProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<MainProps> & Readonly<{}>, {
+    soft: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;
 type __VLS_WithSlots<T, S> = T & {

package/es/main/index.js

@@ -1,12 +1,16 @@
 import './css.js'
-import { createElementBlock, defineComponent, openBlock, renderSlot } from "vue";
-var _hoisted_1 = { class: "pixelium px-main" };
+import { createElementBlock, defineComponent, normalizeClass, openBlock, renderSlot } from "vue";
 var main_default = /* @__PURE__ */ defineComponent({
 	name: "Main",
 	__name: "index",
+	props: { soft: {
+		type: Boolean,
+		default: false
+	} },
 	setup(__props) {
+		const props = __props;
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("main", _hoisted_1, [renderSlot(_ctx.$slots, "default")]);
+			return openBlock(), createElementBlock("main", { class: normalizeClass(["pixelium px-main", { "px-main__soft": props.soft }]) }, [renderSlot(_ctx.$slots, "default")], 2);
 		};
 	}
 });

package/es/main/type.d.ts

@@ -1,3 +1,10 @@
+export type MainProps = {
+    /**
+     * @property {boolean} [soft=false]
+     * @version 0.0.3
+     */
+    soft?: boolean;
+};
 export type MainSlots = {
     /**
      * @slot default

package/es/message-box/index.js

@@ -43,7 +43,7 @@ var MessageManager = class {
 	unmount() {
 		if (this.container) {
 			const container = this.container;
-			render(this.messageBox, container);
+			render(null, container);
 			nextTick(() => {
 				container.remove();
 				this.container = null;

package/es/popup-portal/index.d.ts

@@ -0,0 +1,15 @@
+import type { PopupPortalProps } from './type';
+declare var __VLS_6: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_6) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<PopupPortalProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<PopupPortalProps> & Readonly<{}>, {
+    root: HTMLElement | string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/es/popup-portal/type.d.ts

@@ -0,0 +1,3 @@
+export type PopupPortalProps = {
+    root?: HTMLElement | string;
+};

package/es/popup-wrapper/use-popup-wrapper-manager.d.ts

@@ -0,0 +1 @@
+export declare const usePopupWrapperManager: (id: string) => readonly [() => void, () => void];

package/es/radio/index.js

@@ -58,7 +58,7 @@ var radio_default = /* @__PURE__ */ defineComponent({
 			transform: (val) => !!val
 		});
 		const formItemProvide = inject(FORM_ITEM_PROVIDE, void 0);
-		const radioGroupProvide = inject(RADIO_GROUP_PROVIDE);
+		const radioGroupProvide = inject(RADIO_GROUP_PROVIDE, void 0);
 		const sizeComputed = createProvideComputed("size", () => [
 			radioGroupProvide,
 			props.size && props,

package/es/radio-group/index.js

@@ -29,7 +29,7 @@ var radio_group_default = /* @__PURE__ */ defineComponent({
 	setup(__props, { emit: __emit }) {
 		const props = __props;
 		const emits = __emit;
-		const formItemProvide = inject(FORM_ITEM_PROVIDE);
+		const formItemProvide = inject(FORM_ITEM_PROVIDE, void 0);
 		const disabledComputed = createProvideComputed("disabled", [formItemProvide, props], "or");
 		const readonlyComputed = createProvideComputed("readonly", [formItemProvide, props], "or");
 		const [modelValue, updateModelValue] = useControlledMode("modelValue", props, emits, {

package/es/select/index.css

@@ -12,6 +12,7 @@
   min-height: var(--select-size);
   cursor: text;
   transition: 0.25s;
+  flex-grow: 1;
 }
 .px-select.px-select__small {
   padding-right: 8px;

package/es/select/index.js

@@ -119,8 +119,8 @@ var select_default = /* @__PURE__ */ defineComponent({
 			ref(false),
 			ref(false)
 		];
-		const inputGroupProvide = inject(INPUT_GROUP_PROVIDE);
-		const formItemProvide = inject(FORM_ITEM_PROVIDE);
+		const inputGroupProvide = inject(INPUT_GROUP_PROVIDE, void 0);
+		const formItemProvide = inject(FORM_ITEM_PROVIDE, void 0);
 		const borderRadiusComputed = createProvideComputed("borderRadius", [innerInputGroup.value && inputGroupProvide, props]);
 		const sizeComputed = createProvideComputed("size", () => [
 			innerInputGroup.value && inputGroupProvide,

package/es/share/hook/use-dark-mode.js

@@ -1,4 +1,4 @@
-import { t as inBrowser } from "../util/env.js";
+import { n as inVitest, t as inBrowser } from "../util/env.js";
 import { computed, onBeforeUnmount, onMounted, ref } from "vue";
 var observerMap = /* @__PURE__ */ new WeakMap();
 var observerCallbacksMap = /* @__PURE__ */ new WeakMap();
@@ -14,7 +14,7 @@ const useDarkMode = () => {
 	function handleDarkModeChange(e) {
 		darkMode.value = e.matches;
 	}
-	if (inBrowser()) {
+	if (inBrowser() && !inVitest()) {
 		const darkModeQuery = window.matchMedia("(prefers-color-scheme: dark)");
 		handleDarkModeChange(darkModeQuery);
 		darkModeQuery.addEventListener("change", handleDarkModeChange);
@@ -32,7 +32,7 @@ const useDarkMode = () => {
 			darkModeHtml.value = hasDark ? true : hasLight ? false : void 0;
 		}
 	};
-	if (inBrowser()) {
+	if (inBrowser() && !inVitest()) {
 		onMounted(() => {
 			const observer = observerMap.get(document.documentElement) || new MutationObserver(runCallbacks(document.documentElement));
 			observerMap.set(document.documentElement, observer);

package/es/share/hook/use-polling.d.ts

@@ -0,0 +1,2 @@
+import { type WatchSource } from 'vue';
+export declare const usePolling: (watchTarge: WatchSource<any>, callback: Function) => void;

package/es/share/hook/use-watch-global-css-var.js

@@ -1,9 +1,9 @@
-import { t as inBrowser } from "../util/env.js";
+import { n as inVitest, t as inBrowser } from "../util/env.js";
 import { t as EventBus } from "../util/event-bus.js";
 import { n as GLOBAL_CSS_VAR_CHANGE } from "../const/event-bus-key.js";
 import { onBeforeUnmount } from "vue";
 const useWatchGlobalCssVal = (callback) => {
-	if (!inBrowser()) return;
+	if (!inBrowser() || inVitest()) return;
 	const cb = () => {
 		callback();
 	};

package/es/share/style/index.css

@@ -0,0 +1,5 @@
+
+.pixelium {
+	font-family: var(--px-font);
+	line-height: var(--px-line-height);
+}

package/es/share/util/locale.d.ts

@@ -0,0 +1,46 @@
+// Generated by dts-bundle-generator v9.5.1
+
+import { Emitter } from 'mitt';
+
+declare const _default: {
+	dialog: {
+		confirm: string;
+		cancel: string;
+		infoTitle: string;
+		successTitle: string;
+		warningTitle: string;
+		errorTitle: string;
+		confirmTitle: string;
+	};
+};
+export type DeepPartial<T> = {
+	[K in keyof T]?: T[K] extends object ? DeepPartial<T[K]> : T[K];
+};
+export type Events = {
+	"lang-change": string;
+};
+export type LangMessages = typeof _default;
+declare class LocaleManager {
+	private currentLang;
+	private emitter;
+	constructor();
+	getCurrentLang(): string;
+	setLocale(lang: string): void;
+	addMessages(lang: string, msg: DeepPartial<LangMessages>): void;
+	t(path: string, fallback?: string): string;
+	getMessages(lang: string): LangMessages;
+	getEmitter(): Emitter<Events>;
+}
+declare const localeManager: LocaleManager;
+export declare const t: (path: string, fallback?: string) => string;
+export declare function useLocale(): readonly [
+	(path: string, fallback?: string) => string,
+	(lang: string) => void,
+	import("vue").Ref<string, string>
+];
+
+export {
+	localeManager as locale,
+};
+
+export {};

package/es/slider/index.css

@@ -22,6 +22,9 @@
   cursor: pointer;
   transition: 0.25s;
 }
+.px-slider__horizontal {
+  flex-grow: 1;
+}
 .px-slider__horizontal.px-slider__reverse .px-slider-mark {
   left: auto;
   transform: translate(50%, -50%);

package/es/slider/index.js

@@ -72,7 +72,7 @@ var slider_default = /* @__PURE__ */ defineComponent({
 	setup(__props, { emit: __emit }) {
 		const props = __props;
 		const emits = __emit;
-		const formItemProvide = inject(FORM_ITEM_PROVIDE);
+		const formItemProvide = inject(FORM_ITEM_PROVIDE, void 0);
 		const disabledComputed = createProvideComputed("disabled", [formItemProvide, props], "or");
 		const readonlyComputed = createProvideComputed("readonly", [formItemProvide, props], "or");
 		const [modelValue, updateModelValue] = useControlledMode("modelValue", props, emits, {

package/es/switch/index.js

@@ -81,7 +81,7 @@ var switch_default = /* @__PURE__ */ defineComponent({
 				return !!nextValue;
 			}
 		});
-		const formItemProvide = inject(FORM_ITEM_PROVIDE);
+		const formItemProvide = inject(FORM_ITEM_PROVIDE, void 0);
 		const disabledComputed = createProvideComputed("disabled", [formItemProvide, props], "or");
 		const readonlyComputed = createProvideComputed("readonly", [formItemProvide, props], "or");
 		const sizeComputed = createProvideComputed("size", () => [

package/es/textarea/index.css

@@ -10,6 +10,7 @@
   display: flex;
   box-sizing: border-box;
   transition: 0.25s;
+  flex-grow: 1;
 }
 .px-textarea.px-textarea__small {
   font-size: 12px;

package/es/textarea/index.js

@@ -88,7 +88,7 @@ var textarea_default = /* @__PURE__ */ defineComponent({
 	],
 	setup(__props, { expose: __expose, emit: __emit }) {
 		const props = __props;
-		const formItemProvide = inject(FORM_ITEM_PROVIDE);
+		const formItemProvide = inject(FORM_ITEM_PROVIDE, void 0);
 		const emits = __emit;
 		const [isComposing, compositionStartHandler, compositionUpdateHandler] = useComposition({ afterComposition: (e) => {
 			nextTick(() => {

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@pixelium/web-vue",
-	"version": "0.0.3-beta",
+	"version": "0.0.3",
 	"type": "module",
 	"main": "./dist/pixelium-vue.js",
 	"exports": {